Question

主页上的Jquery自定义函数无法正常工作

我有一个自定义函数，如下所示：

(function ($) {
    $.fn.scrollingCarousel = function (options, i) {
         ...something something
    };

    jQuery.fn.scrollingCarousel.defaults = {
        autoScroll: false,
        autoScrollDirection: 'left',
        autoScrollSpeed: 10000,
        looped: false,
        scrollerAlignment: 'horizontal',
        scrollerOffset: 0,
        scrollSpeed: 'fast',
        beforeCreateFunction: null,
        afterCreateFunction: null
    };
})(jQuery);

我在有主页的页面中使用它。我在页面中使用它如下。

<script type="text/javascript">
    $(document).ready(function () {
        $(this).('#carousel-demo1').scrollingCarousel();
    });
</script>

我收到错误，因为无法识别scrollingCarousel。

如果我不使用母版页，代码工作正常。

Answer 1

如上所述，您调用函数的方式不正确

示例用法：

$(document).ready(function(){
var a  =   $("#carousel-demo1").scrollingCarousel();
});

(function ($) {
    $.fn.scrollingCarousel = function (options, i) {
         alert('something')
    };

    jQuery.fn.scrollingCarousel.defaults = {
        autoScroll: false,
        autoScrollDirection: 'left',
        autoScrollSpeed: 10000,
        looped: false,
        scrollerAlignment: 'horizontal',
        scrollerOffset: 0,
        scrollSpeed: 'fast',
        beforeCreateFunction: null,
        afterCreateFunction: null
    };
})(jQuery);

jquery主页自定义功能

1 个答案: