※ ChatGPTを利用し、要約された質問です(原文:jQueryについて質問です。)
同時に複数のプラグインを使いたい!jQueryでの解決方法とは?
このQ&Aのポイント
jQueryを使用して複数のプラグインを一つのページに組み込む際に、干渉が生じてうまく動作しないことがあります。解決方法としては、以下の順序でプラグインを読み込むことで干渉を回避することができます。
まずはじめにjQuery本体を読み込み、その後に各プラグインを順番に読み込みます。各プラグインの初期化処理は、読み込み順に記述する必要があります。また、各プラグインの設定にも注意が必要です。
このように順序を守りながらプラグインを組み込むことで、複数のプラグインを同時に使うことができます。ただし、使用するプラグインによっては相性が悪い場合もあるため、注意が必要です。
jQueryについて質問です。
複数のプラグインを一つのページに組み込み同時に使いたいのですが、
それぞれが干渉しているのかどれか一つしか使えません。
http://solidstate.jp/Navigation/treeMenu/script_54.html
http://solidstate.jp/ContentsDisplay/accordion/script_130.html
http://solidstate.jp/Navigation/houseOfCake/script_172.html
こちらに紹介されている記事を参考に
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.navigmenu.js"></script>
<script type="text/javascript">
$(function(){
$('#menu').navigmenu();
});
</script>
<script type="text/javascript" src="accordian.pack.js"></script>
<script type="text/javascript">
window.onload = function() {
new Accordian('basic-accordian',5,'header_highlight');
}
</script>
<script src="lib/jquery.js" type="text/javascript"></script>
<script src="lib/jquery.cookie.js" type="text/javascript"></script>
<script src="jquery.treeview.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#filetree").treeview({//ターゲットとなる要素に付加するID
animated: "fast", //アニメーション設定(削除するとアニメ無し)
collapsed: true, //開閉設定(削除するとロード時にメニューを全開)
unique: true, //動作設定(削除すると自動的に閉じなくなる)
persist: "cookie", //Cookie
});
});
</script>
このような記述を行いました。
ですが、動くのはひとつだけです。
これらを同時に動かすにはどうすればよいでしょうか?
優先順位は上からです。
お礼
親切にどうも。 途中引っかかりましたがうまく作動はしました。