如何在另一个类中暂停 Jssor答案

【问题标题】：How to pause Jssor in another class如何在另一个类中暂停 Jssor
【发布时间】：2017-12-09 08:20:12
【问题描述】：

我有一个名为 Jssor 的幻灯片程序，它也使用 jQuery。我在幻灯片放映中有链接，它们调用 Fancybox3 来显示描述该幻灯片的文本框。当焦点位于 Fancybox 时，我需要暂停幻灯片放映。 Jssor 有一个名为 $Pause 和 $Play 的方法，我可以通过使用按钮（手动单击）使其工作（在 jQuery 类之外）。主要问题是我需要它在没有用户交互的情况下工作。我的计划是将代码放入 Fancybox.js，这样它就会自动暂停/播放幻灯片。我对 JavaScript 几乎一无所知，所以请保持简单。

我遗漏了（下面）一堆代码，我想我会让这个简单，并希望这个问题不需要它。这段代码确实有效，我只需要知道如何在没有用户输入的情况下制作/调用最后一行（使用 JS 而不是 HTML）。

<script type="text/javascript">
jQuery(document).ready(function ($) {
    // A bunch of code
    //...........................
    var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
    function Play() {               
        jssor_1_slider.$Play();
    };
    function Pause() { 
        jssor_1_slider.$Pause();
    };

    $("#playButton").click(Play);
    $("#pauseButton").click(Pause); 
};
</script>
// HTML 
<input id="playButton" type="button" value="Play" />
<input id="pauseButton" type="button" value="Pause" />

【问题讨论】：

标签： javascript jquery class fancybox jssor

【解决方案1】：

回调是为这样的目的而设计的。示例：

$('[data-fancybox="images"]').fancybox({
  onInit : function() {
    jssor_1_slider.$Pause();
  },
  afterClose : function() {
    jssor_1_slider.$Play();
  }
});

显然，此代码应该在您创建 jssor_1_slider 变量之后执行。

【讨论】：