jCarousel 卸载/禁用/删除

Question

我正在使用 jCarousel 在我的页面中显示图像轮播。它工作得很好并且没有任何抱怨，但是我正在使用页面上的选项卡，当我转到另一个选项卡时，它会出现一个丑陋的 jCarousel 错误。基本上我想做的是当我转到新选项卡时从我的元素中删除jCarousel，但我一生都无法弄清楚

要添加轮播我正在使用这样的代码 $("#myelement"). jCarousel({ /* 配置参数 */});

但我不确定如何从 $("#myelement") 中删除 .jCarousel 有什么想法吗？

Answer 1

除了 PaDalton 的回答之外，我还从窗口中分离了调整大小事件，因为我的轮播位于 (colorbox ) 弹出框。

$(window).unbind('resize.jcarousel');

当事件被触发时，$(this).dimensions(e)行发送警报消息，因为li节点没有大小，它认为要显示对象但没有大小将无法正确计算轮播尺寸。

错误消息为无限循环 - 未设置宽度或高度

Answer 2

这是我删除元素并且不出现错误的方法：

function mycarousel_initCallback(carousel){

$("#main_holder").mouseenter(function(){
    if(document.getElementById("event_scroller")){
        carousel.startAuto(2);
    }
}).mouseleave(function(){
    carousel.stopAuto();
});

$("#main_holder a").click(function(){
    carousel.stopAuto();
    carousel.remove();
});};

$(document).ready(function(){
$("#event_scroller").jcarousel({
    scroll: 1,
    wrap: 'circular',
    vertical: true,
    animation: 700,
    initCallback: mycarousel_initCallback
});
});

当我们单击主区域中的链接时，
我的 jCarousel 元素将从另一个脚本中删除，因此
我们有一个处理程序来处理这个女巫，它正在停止旋转木马，然后 .remove 。

我尝试在回调之外执行此操作，但似乎 jCarousel
只能从回调内部控制。

Answer 3

这是我对这个丑陋的 js 错误“Jcarousel：没有为项目设置宽度/高度...”的解决方案。尽量避免 jCarousel 的双重初始化。

var carousel_initialized = false;

if(!carousel_initialized) {
jQuery('#mycarousel').jcarousel({
    ... // all your parameters
    initCallback: function() {
        carousel_initialized = true;
    }
});

或者尝试获取 jCarousel 的实例，例如

carousel_initialized = $("#mycarousel").data('jcarousel');
if(!carousel_initialized) {
    jQuery('#mycarousel').jcarousel({
        ... // all your parameters
    });
}

如果您通过 AJAX 替换 jCarousel 容器，您应该执行如下操作：

if( myCarousel = $("#mycarousel").data('jcarousel') ) {
    myCarousel.stopAuto()
    myCarousel.reset();
}

我希望这可以帮助某人...

schulle7

Answer 4

我假设您正在谈论这个插件： http://sorgalla.com/jcarousel/

什么类型你收到错误了吗？我猜它试图找到不可见且失败的元素。看起来您只需将一个函数绑定到选项卡切换即可隐藏轮播或调用其 Reset() 方法。