Posts Tagged ‘.load()’

このページの目次

jQueryの.load()がブラウザによって挙動がまちまち

金曜日, 5月 28th, 2010

こんにちは、なかわけです。

jQueryの.load()の挙動がブラウザによってまちまちです。
実際、どんな感じか。

index.html

<html>
<body>
<div>
    <a href="hoge.html">hoge</a>
    <a href="fuga.html">fuga</a>
    <a href="piyo.html">piyo</a>
</div>
</body>
</html>

deploy.html

<html>
<hed>
<script src="jquery.js"></script>
<script>
$(function(){
    $('div').load('index.html div a', function(){
        alert('ヾ(*´∀`*)ノロードできた~');
    });
});
</script>
</head>
<body>
<div></div>
</body>
</html>

で、主なブラウザ挙動は以下のような感じ。
Firefox
hoge、fuga、piyoのリンクが出力されて、アラートが2回

Chrome
なにも出力されずに、アラートが1回

Safari
hoge、fuga、piyoのリンクが出力されて、アラートが1回

この結果からみるとSafariの挙動が正しいっぽいけど、
なんでこうもまちまちなのかね~。
jQueryには珍しくブラウザ間の差が吸収されていないのでしょうか。
詳しい方、コメントくださいな!(いつもすいません・・・。)