2012-02-18 8 views
0

jqueryのload()関数を使用してコンテナdivにロードするためにhtmlドキュメントを取得するのが問題です。jqueryのload()テストがコンテナdivに入っていません

私はこのテストを、同じベースレベルのhtmlフォルダ内の外部Webサーバーにある両方のhtmlファイルで実行しています。

load()を表すclick関数に警告を書き込んで、ブラウザがjs関数を認識しているかどうかを調べ、FFとChromeの両方で警告がポップアップしますが、htmlドキュメントはロードされません。

お手数ですがお寄せいただきありがとうございます。うまくいけば、これはちょうどひどく明白な何かが欠けている私です。

ありがとうございます!

コンテナのdivとベースHTMLファイル(bindtestone.html):

<!doctype html> 
<html> 
<head> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> 
</script> 

<script type="text/javascript"> 

    $(document).ready(function() { 

    $("li#loader").click(function() { 
     $("#container").load("bindtesttwo.html").fadeIn("fast"); 
     alert("this link is working"); 
    }); 
    }); 

</script> 

<style type="text/css"> 
    #loaderdiv { width:300px; border:1px solid #000; 
    position:relative; } 

    #container { width:500px; height:400px; border:1px solid #000; 
    position:relative; overflow:visible; } 

    #dynacontent { width:100px; border:solid 1px #000; 
    position:relative; } 
</style>  

</head> 

<body> 

<div id="loaderdiv"> 
    <ul><li id="loader"><a href="">load file</a></li></ul> 
</div> 

<div id="container"> 
</div> 

</body> 
</html> 

私はjqueryのを使用してロードしようとしている第二のHTMLファイル(bindtesttwo.html):

<!doctype html> 
<html> 
<head> 
</head> 

<body> 

    <div id="dynacontent"> 
    <a href="">This is a link</a> 
    </div> 

</body> 
</html> 
+1

を取り除く、あなたが戻ってデータやエラーを取得しているかどうかを確認するために、コンソールでデバッグを試みたことがありますか? – j08691

+0

私は転記する前にやったが、もう一度やった。 FFやChromeのコンソールはエラーを投げたり、欠落している要素を私に警告したりすることはありません。 – Lisa

+0

あなたがそこに持っているリンクがあなたのページをリロードする原因となっていることをかなり確信しています:) ...「li」のリンクが – Ryan

答えて

0

あなたのブラインドテスト2には、コンテンツを表すdivのみが必要です。試してみてください。

<a href>タグ

+0

ありがとうございました - 私はそれを試しました。 – Lisa

+0

しかし、FFでは、bindtest 2のコンテンツがちょっと見えてから消えます。たぶん、CSSのこと? – Lisa

+0

私にはちょっと一言見てください。 – Ryan

関連する問題