javascript - 更改 jQuery 元素的属性

Question

我不是一个非常熟练的 javascript 程序员，所以我不知道如何以正确的方式做到这一点。

我有这个脚本

<script type="text/javascript">
    jQuery(function() {  
            jQuery("#brand-select").jMyCarousel({  
                    visible: '100%' ,
            auto: true,
            speed: 1000,
            });
    });

</script>

我工作正常，但我想在鼠标悬停在 ul 元素“brand-select”上时将属性“auto: true”更改为“auto: false”

我想做这样的事情(伪代码)

jQuery('#brand-select').mouseover(function() {
  brand-select-carousel.auto = false;
});

有人知道怎么做吗？

Answer 1

我检查了你的插件，因为'auto'属性没有公开，所以如果你想改变这个值，你需要修改这个插件。

在jMyCarousel.js中的'return this.each(...)'之前添加一个公共(public)方法

this.setAuto = function(value){
    if(typeof value != 'boolean' || value == null){
        return;
    o.auto = value;
};

然后你可以在构造函数中获取 jMyCarousel 的实例，然后使用它的公共(public)方法:

var jMyCarouselInstance;
jQuery(function() {  
        jMyCarouselInstance = jQuery("#brand-select").jMyCarousel({  
            visible: '100%' ,
            auto: true,
            speed: 1000,
        });
});
...
jMyCarouselInstance.setAuto(false);