Wordpress サイトで jQuery 用の Derek Perez PageSlide Pluginを使用しようとしています。デフォルトの動作は、ページを開くためのリンクであり、ページの他の場所をクリックするとページが閉じます。
閉じているときは「開く」、開いているときは「閉じる」という画像を切り替えたいと思います。そのため、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>