这是我的结构:
Person.html
...
<script src="../../js/site.js"></script>
...
<a id="findPersonById" href="javascript:void(0);" class="btn btn-primary">
Find person by id</a>
...
<div id="person-result">results div</div>
Run Code Online (Sandbox Code Playgroud)
Site.js
$(document).ready(function () {
privateFunction();
});
...
$('#findPersonById').click(function () {
$("#person-result").load('/person/find #inside-container');
});
...
Run Code Online (Sandbox Code Playgroud)
/人/找
<script src="../../js/site.js"></script>
...
<div class="container">
<div id="inside-container">
<br/>
<form id="personFindByIdForm">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">PERSON'S ID</span>
<input type="text" class="form-control" name="id"/>
<span class="input-group-btn">
<button class="btn btn-default" type="submit">Find</button>
</span>
</div>
</div>
</form>
<div id="find-result">res-div</div>
</div>
Run Code Online (Sandbox Code Playgroud)
所以,首先我发现的#findPersonById和装载/person/find #inside-container的#person-result.有用.我的下一步是要找到两个ID #personFindByIdForm和#find-result.我不能这样做,因为如果我是对的,文件已经加载了.我怎么能这样做?
第二个问题 - 如果我将任何js代码添加到将被加载到另一个div的div中,那js代码将运行(为什么它不运行)?喜欢:
$("#div-2").load('/any-url #div-1');
<div id='div-1'>
<script>console.log('Any JS')</script>
</div>
Run Code Online (Sandbox Code Playgroud)
谢谢.
您可以确保以这种方式加载项目:
$("#div-2").load('/any-url #div-1', function(){
//here all the items loaded will be accessible
});
Run Code Online (Sandbox Code Playgroud)