1

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

我想切换图像在关闭时显示“打开”，在打开时切换为“关闭”。所以我玩过 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>

有任何想法吗？谢谢/博

编辑：
看起来像下面的脚本部分，必须位于页面的最底部，中断 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>

4

1 回答 1

2

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

$(document).ready(function(){
  $("a").click(function() {
   $("div.mis").toggle();
  });
});
</script>
于 2009-10-07T10:08:09.207 回答