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'属性未公开，因此如果您想更改此值，则需要修改此插件。

在flie jMyCarousel.js

中“返回this.each（...）”之前添加公共方法

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

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

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

Answer 2

如果要获取或设置元素的属性，请使用jquery的'attr'api：http://api.jquery.com/attr/

jQuery('#brand-select').mouseover(function() {
    jQuery(yourSelector).attr('auto', false);
});

更改jQuery元素的属性

2 个答案: