jquery - 超大：playToggle

Question

我正在使用超大背景幻灯片：

http://buildinternet.com/project/supersized/

使用以下代码在加载模式框时暂停幻灯片。

jQuery

<script type="text/javascript">
$(function($) {
 $('#slideInfo').click(function() {
    api.playToggle();
  });
});

</script>

HTML

<div id="btnContainer">
<a id="slideInfo" href="#">More Info</a>
</div>

我可以暂停幻灯片。但是，当我关闭模式框时，幻灯片将不会再次播放（它保持暂停状态）。

有没有办法做到这一点？

谢谢！

编辑：

这是测试站点：

http://clientes.ktulumedia.com/peppophotography.com

以及相关代码：

 <script type="text/javascript">
 $(function($) {
 $('#slideInfoplay').click(function() {
 api.playToggle();
 });
 });


 $(function($) {
 $('#sb-nav-close').click(function() {
 api.playToggle();
 });
 });

 </script>

单击显示“测试”的位置。我可以打开模式框并暂停幻灯片。但是，当我关闭模式框时，我无法重新启动幻灯片。

Answer 1

您的插件用法是正确的，但您的jQuery 文档就绪方法是错误的。

$(function() {//you shouldnt use '$' inside function()
 $('#slideInfo').click(function() {
    api.playToggle();
  });
});

或者

$(document).ready(function() {
 $('#slideInfo').click(function() {
    api.playToggle();
  });
});