2011-02-27 23 views
2

jqueryの.load()関数が動作しないようです。単純なものでなければなりません...基本的には、more.htmlの断片をindex.htmlにロードしようとしています。jquery .load()が動作しません

index.htmlを

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <script type="text/javascript" src="js/jquery-1.5.js" /> 
    <title>Test</title> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      alert("jquery script executing..."); 
      $('#foo').load('more.html #bar', loadComplete); 
     }); 

     function loadComplete (response, status, xhr) { 
      alert("load complete."); 
     } 
    </script> 
</head> 
<body> 
    <div id="foo"> 
     foo foo foo 
    </div> 
</body> 
</html> 

more.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>More</title> 
</head> 
<body> 
    <div id="bar"> 
     bar bar bar 
    </div> 
</body> 

私は両方のアラートを表示 - スクリプトが実行されている、とコールバックがされています呼び出されます(つまり、ロードが完了しています)。しかし、その内容は変わらない。私はサファリ、クロム、およびFirefox(OSX上のすべて)を試しました。私が行方不明の何か明白なものがなければならない...?

答えて

4

jquery 1.5リリースでロード機能が無効になりました。バグチケットはhttp://bugs.jquery.com/ticket/8125にあります。これは、バージョン1.5.1で修正されています。最新のjqueryリリースは、load()を含むすべての最新の修正を見つけることができます。http://code.jquery.com/jquery-git.js

+0

aiaiaiai。それはそれを説明するでしょう。 jqueryフォーラムで同じ質問を投稿しようとしましたが、何も得られませんでした。私はstackoverflowが私に愛を与えるだろうと知っていた。ありがとう! – ericsoco

+0

1.5.1がリリースされました –

+0

1.5.1縮小フォームGoogle CDN:https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js – dermatthias

関連する問題