我正在尝试将带有.load()函数的文本加载到已经使用.load()动态加载的div中。
这是第一个加载到的div:
<div class="container" id='content'>
</div>
单击此导航菜单项后,外部html文件中的内容将加载到:
<li><a href="#coding" id="coding-select">Coding</a>
</li>
使用这个Jquery片段:
$("#coding-select").click(function () {
$('#content').load('content.html #coding');
});
所以,之前的代码都很有效。但是,当我尝试在加载内容后将内容加载到“content.html”文件中时问题是:
<div id="coding">
<h1>This is the coding section</h1>
<div class="btn-group" id="codebuttons">
<button type="button" class="btn btn-default" id="cpp">C++</button>
<button type="button" class="btn btn-default" id="python">Python</button>
<button type="button" class="btn btn-default" id="java">Java</button>
<button type="button" class="btn btn-default" id="csharp">C#</button>
</div>
<div class="well well-large pre-scrollable" id="codebox">
<code id="codecontent">
<!-- code go here please... -->
</code>
</div>
</div>
当我点击其中一个按钮时,我正在尝试从文本文件中加载文本。我尝试使用相同的Jquery方法:
$('#cpp').click(function () {
alert("working");
$('#codecontent').load('code/sample.txt');
});
单击cpp按钮时,我甚至没有收到“工作”警报。请记住,第一个和第二个jquery片段位于$(document).ready函数保护下的同一文件中。
另外,我尝试对原始div而不是标记执行此操作无效。
提前感谢您的帮助。