If/else statement inside jQuery object array

Question

I have this array of objects. I want the value of 'duration' to change based on the width of the screen with an if/else statement.

This is what I've got right now, but I can't get it to work. I think it's because of the variable?

($.fn.defaults = {
    items: { start: 0 },
    scroll: {
        easing: "swing",
        duration: function (fztime) {
            var fztime;
            $(window).resize(function() {
                if($(window).width() >= 641) {
                    fztime = 7000;
                } else {
                    fztime = 500;
                }
            }).resize()
        },
        pauseOnHover: !1,
        event: "click",
        queue: !1 }
})

Carsten Massmann · Accepted Answer · 2021-08-19 16:14:08Z

1

You need to return the value from the function, or, rather, set it directly with the ternary operator:

($.fn.defaults = {
  items: {
    start: 0
  },
  scroll: {
    easing: "swing",
    duration: $(window).width() >= 641 ? 7000 : 500
  },
  pauseOnHover: !1,
  event: "click",
  queue: !1
})

console.log($.fn.defaults)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

As far as I can make out the function definition within the object seems superfluous. But I don't really know the wider context of your code.

edited Aug 19, 2021 at 16:14

answered Aug 19, 2021 at 16:02

Carsten Massmann

28.4k3 gold badges25 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

If/else statement inside jQuery object array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related