使用Jquery将文件从文件加载到另一个动态加载的页面元素中

时间:2014-06-08 00:31:35

标签: javascript jquery button load

我正在尝试将带有.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而不是标记执行此操作无效。

提前感谢您的帮助。

0 个答案:

没有答案