こんにちは、なぜこれが起こっているのか完全に途方に暮れています。私はオンラインで検索し、5時間以上間違っていることを理解しようとしましたが、解決策が見つかりませんでした. これが状況です。
3 つのページ (index.html、index.js、stuff.html) があります。index.html はメイン ページであり、jQuery を使用して HTML ページを div に読み込みます。
<html>
<head>
<script type="text/javascript" src="index.js"></script>
</head>
<body>
<div id="stuffHolder"></div>
<script type="text.javascript">
$(document).ready(function(){
$('#stuffHolder').load('stuff.html');
});
</script>
</body>
</html>
stuff.html ページは問題なく読み込まれます。
stuff.html 内に 2 つの div 1 があります。DIV の 1 つはスプライトをアンカー タグとして使用して、actOnStuff(options) という名前の関数を呼び出します。
<div id="myStuff"><a class="myStuffSprite" href="Javascript:actOnStuff('newStuff')"><span>New Stuff</span></a></div>
<div id="yourStuff"><a class="yourStuffSprite" href="Javascript:actOnStuff('oldStuff')"><span>Old Stuff</span></a></div>
- もう一方の DIV は空ですが、後で innerHTML が書き込まれます。
index.htmlページにあるindex.js内に、関数があります
function actOnStuff(youSelected){
strHTML = "";
switch(youSelected){
case "newStuff":
strHTML += "<div id='newDIV'><span>You selected New</span></div>";
break;
case "oldStuff":
strHTML += "<div id='oldDIV'><span>You selected Old</span></div>";
break;
}
$('#placement').html(strHTML);
alert($('#placement').html());
}
私の問題は、配置 DIV の innerHTML をアラートすると、アラートに追加された関数から必要な DIV が表示されることです。ただし、配置 DIV には何も表示されません。
問題が何であるかについて完全に途方に暮れているので、あなたが提供できる助けは素晴らしいでしょう. 前もって感謝します。