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>
を取り除く、あなたが戻ってデータやエラーを取得しているかどうかを確認するために、コンソールでデバッグを試みたことがありますか? – j08691
私は転記する前にやったが、もう一度やった。 FFやChromeのコンソールはエラーを投げたり、欠落している要素を私に警告したりすることはありません。 – Lisa
あなたがそこに持っているリンクがあなたのページをリロードする原因となっていることをかなり確信しています:) ...「li」のリンクが – Ryan