jQuery禁用/停止vTicker插件

时间:2011-05-03 18:38:11

标签: jquery jquery-plugins

我正在使用vTicker,一个jQuery插件,允许您在页面上有一个垂直的新闻自动收录/滚动条。

我没有任何问题让它工作但我在试图破坏它时遇到了问题。

在我的网站上,我有一个< li> (vTicker工作所必需的)和4< li> (所以总共4行,每行6张图片)

当用户调整浏览器大小时,我也会调整图像大小,但vTicker不会重新计算元素的高度。

我需要做的是: 1)当调整浏览器大小时,我需要禁用/销毁当前vTicker实例并重新初始化一个新实例,以便它可以重新计算每个元素的正确高度。

我设法通过在“返回”之前添加来手动编辑vTicket插件代码来停止

$.fn.extend({
  clear: function() {
    clearInterval(interval);
  }
});

然后我可以通过调用类似

的内容来停止移动
$vTicker.clear(); //where $vTicket i defined as $vticker = $('selector').vTicker({...});

但是当我尝试重新初始化插件(创建一个新实例)时,就好像我的两个实例都变得活跃...所以我有两次移动

知道怎么做吗?如果不清楚,请告诉我。

由于

1 个答案:

答案 0 :(得分:0)

也许最好的解决方案是通过AJAX加载自动收报机。这样,当它加载时,你可以调用你的$('#divId').vTicker({...}),然后当窗口调整大小(或者你想因其他原因刷新它)时,你只需删除并重新加载整个元素并重新应用vTicker插件