[jquery]jqueryを複数回呼んだ場合の動き

queryを複数回呼んだばあい。
例えばこんなことをすると

<script src="//code.jquery.com/jquery-1.6.2.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>

最後に呼んだJqueryが優先されて使われるのでそのままではjquery-easingが使えなくなってしまう。

また

<script src="//code.jquery.com/jquery-1.6.2.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function(){
$("#hoge").click(function () {
  alert('hoge');
});
});
</script>

こんな感じでイベントハンドを登録すると、2回よばれてしまう。
訂正
最後に呼んだjqueryでイベント登録されるらしい

どうも、同じバージョンなら何回呼んでも大丈夫らしいが、負荷になるのでなるべく複数読み込むのはやめたほうがいいだろう。

タイトルとURLをコピーしました