2009-10-06 55 views
1

我想在Wordpress网站中使用Derek Perez PageSlide Plugin for jQuery。默认beahaviour是打开它的链接,并单击页面上的任何其他位置关闭它。切换div打开/关闭与德里克佩雷斯PageSlide

我想切换图像,当它关闭时显示“open”,当它打开时显示“close”。 所以我玩弄了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的切换()函数的执行。想法?

<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>

回答

2

所以我把拨动()的头,而不是在页面和功能的问题解决了!

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