una*_*ler 2 html javascript jquery
如何使用jQuery多次加载test.html .
function loadScreen()
{
$('#result').load('test.html');
}
Run Code Online (Sandbox Code Playgroud)
main.html中
<div id='result'></div>
<input type="button" value="click me" onclick="loadScreen()">
Run Code Online (Sandbox Code Playgroud)
的test.html
<body>
<p>
testing
</p>
</body>
Run Code Online (Sandbox Code Playgroud)
现在的情况
当我点击按钮点击我.它将在main.html测试中加载一次show
我想做的事
当我单击按钮两次它将显示时,我该怎么办呢
testing
testing
Run Code Online (Sandbox Code Playgroud)
和不同的div id
第一次按钮单击显示测试 <div id="result1">testing</div>
第二次按钮单击显示测试 <div id="result2">testing</div>
它会在id处追加增量1.
load() 将替换目标元素的内容,这就是为什么它不能按你的意愿工作.
试试这个:
function loadScreen() {
var divId = $("#result > div").length + 1;
$('#result').append("<div></div>").attr("id", "result" + divId).load('test.html');
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
2184 次 |
| 最近记录: |