Question

我正在尝试在Wordpress网站中使用Derek Perez PageSlide Plugin for jQuery。默认beahaviour是打开它的链接，然后单击页面上的任何其他位置以关闭它。

我想在关闭时切换“打开”图像，在打开时切换“关闭”图像。所以我玩了jquery toggle（）并将div中的链接括起来但是无法让它工作。我可以获得2个简单的div来切换，但不能使用链接内容。

打开链接：
<a href="_right.html" id="slide-right">

关闭链接：
<a href="javascript:;" class="pageslide-close">

下面包含div图片以澄清：
<div id="opendiv">
<a href="_right.html" id="slide-right"><img src="open.png"></a>
</div>

<div id="closediv">
<a href="javascript:;" class="pageslide-close"><img src="close.png"></a>
</div>

有什么想法吗？谢谢/ Bo

修改
看起来像下面的脚本部分，它必须位于页面的最底部，中断jquery toggle（）函数的执行。想法？

<script type="text/javascript">
    $("#slide-left").pageSlide({ width: "350px", direction: "left" });
    $("#slide-right").pageSlide({ width: "350px", direction: "right" });
    $("#slide-modal").pageSlide({ width: "350px", direction: "left", modal: true });
  </script>

Answer 1

所以我把toggle（）函数放在head而不是page中，问题解决了！

$(document).ready(function(){
  $("a").click(function() {
   $("div.mis").toggle();
  });
});
</script>

用Derek Perez PageSlide切换打开/关闭的div

1 个答案: