如何重新启动 jQuery Ticker

Question

我成功使用了 BenjaminRH 的 jquery-ticker。它在提示字段提交后被触发，但一旦代码运行一次并且需要再次触发它就不会。

代码是用

启动的

$('.ticker').ticker();

我尝试用

重新启动代码

$('.ticker').ticker().unbind();
$('.ticker').ticker();

没有成功。帮助是非常有价值的。谢谢。

Answer 1

该插件非常轻量级，似乎没有重启选项。

一种方法是存储ticker元素html并使用一个函数来启动ticker来替换html并初始化插件。

然后可以随时调用此函数进行重启

类似：

const tickHtml = $('.ticker').html();

function startTicker() {
  $('.ticker').html(tickHtml).ticker()
}
// start on page load
$(function() {
  startTicker()
})

// restart on click
$('button').click(function() {
  startTicker()
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-ticker@1.0.0/jquery.ticker.min.js"></script>

<button>Start again</button>

<div class="ticker">
  <strong>News:</strong>
  <ul>
    <li>Ticker item #1</li>
    <li>Ticker item #2</li>
    <li><em>Another</em> ticker item</li>   
  </ul>
</div>