Javascript 在resize noconflict上重新运行jquery函数

我有这个剧本

jQuery.noConflict();
(function ($) {
    $(".bww-carousel").jCarouselLite({
        btnNext: ".bww-carousel-next",
        btnPrev: ".bww-carousel-prev"
    });
    //add border to selected device
    $('a[onclick*="selectHandset"]').click(function () {
        $(".bww-carousel img").removeClass("active");
        $(this).parent().find("img").addClass("active");
    });
})
(jQuery);

在wordpress footer.php中，我需要在浏览器调整大小时重新运行jCarouselLite

我试过：

jQuery.noConflict();
(function ($) {
    $(".bww-carousel").jCarouselLite({
        btnNext: ".bww-carousel-next",
        btnPrev: ".bww-carousel-prev"
    });
    //add border to selected device
    $('a[onclick*="selectHandset"]').click(function () {
        $(".bww-carousel img").removeClass("active");
        $(this).parent().find("img").addClass("active");
    });
})
$(window).resize(function() {
    jCarouselLite();
});
(jQuery);

以及：

jQuery.noConflict();
(function ($) {
    $(".bww-carousel").jCarouselLite({
        btnNext: ".bww-carousel-next",
        btnPrev: ".bww-carousel-prev"
    });
    //add border to selected device
    $('a[onclick*="selectHandset"]').click(function () {
        $(".bww-carousel img").removeClass("active");
        $(this).parent().find("img").addClass("active");
    });
    $(window).resize(function() {
        jCarouselLite();
    });
})
(jQuery);

及

到目前为止，所有尝试都失败了，继续获取对象在Chrome控制台中不是函数匿名函数错误

---

建议？

在Rohit的帮助下，以下是我最终对未来读者有用的建议

function Runjcarousel(){ 
$(".bww-carousel").jCarouselLite({
    btnNext: ".bww-carousel-next",
    btnPrev: ".bww-carousel-prev"
});
//add border to selected device
$('a[onclick*="selectHandset"]').click(function () {
    $(".bww-carousel img").removeClass("active");
    $(this).parent().find("img").addClass("active");
});
}
$(document).ready(function(){
Runjcarousel();
});
//Call on window resize
$(window).resize(function() {
Runjcarousel();
});

jQuery.noConflict();
(function ($) {
    function Runjcarousel() {
        $(".bww-carousel").jCarouselLite({
            btnNext: ".bww-carousel-next",
            btnPrev: ".bww-carousel-prev"
        });
        //add border to selected device
        $('a[onclick*="selectHandset"]').click(function () {
            $(".bww-carousel img").removeClass("active");
            $(this).parent().find("img").addClass("active");
        });
    }
    $(document).ready(function () {
        Runjcarousel();
    });
    //Call on window scroll
    $(window).resize(function () {
        Runjcarousel();
    });
})
(jQuery);

---

可能有一种更短的编写方法，但它的行为与WordPress版本的jQuery一致，并且做了我需要它做的事情，所以我很高兴。谢谢你的帮助！如果有你的帮助，我是不会明白的！：

无法在WordPress上工作，获取对象[object]的属性“$”不是函数。需要使用jQuery而不是$No来保持noConflict，但我知道它需要处于前面提到的兼容模式，但我不确定如何以这种方式编写函数。

jQuery.noConflict();
(function ($) {
    function Runjcarousel() {
        $(".bww-carousel").jCarouselLite({
            btnNext: ".bww-carousel-next",
            btnPrev: ".bww-carousel-prev"
        });
        //add border to selected device
        $('a[onclick*="selectHandset"]').click(function () {
            $(".bww-carousel img").removeClass("active");
            $(this).parent().find("img").addClass("active");
        });
    }
    $(document).ready(function () {
        Runjcarousel();
    });
    //Call on window scroll
    $(window).resize(function () {
        Runjcarousel();
    });
})
(jQuery);