jQuery多个ajax加载相同的动态页面
jQuery多个ajax加载相同的动态页面
提问于 2015-08-04 06:16:25
我有一个具有动态内容的页面，它的内容随着参数的变化而变化。
我在比较不同的系课程。首先，我选择计算机科学，并加载它的课程，我的第一个div在左边。(#list1 1)
在加载第一内容后，我将部门改为工业工程，然后单击第二个按钮将课程列表加载到第二个div (# list 2)。
但是，当我加载第二个div时，第一个div内容就会像第二个(工业工程)一样发生变化。但是如果我先加载第二台，它就能工作了！(但客户不能接受)
我的代码是这样的
<div class="row">
<div class="col-md-12">
<div class="col-md-6">
<div id="list1"></div>
</div>
<div class="col-md-6">
<div id="list2"></div>
</div>
</div>
</div>和按钮单击事件
$(document).on("click", ".btn-listele", function () {
var direction = $(this).attr("data-taraf");
var send2 = $.post("/Intibak/DersIntibak/CleanIntibakDers");
send2.done(function () {
if (direction == "sol") {
$("#list1").load("/Genel/BolumPlan/IntibakDersPlan?guncelMi=true&groupable=true");
}
if (direction == "sag") {
$("#list2").load("/Genel/BolumPlan/IntibakDersPlan?guncelMi=true&groupable=true");
}
});
});注意:如果我像上面那样更改div顺序，那么问题就会反过来。
<div class="row">
<div class="col-md-12">
<div class="col-md-6">
<div id="list2"></div>
</div>
<div class="col-md-6">
<div id="list1"></div>
</div>
</div>
</div>我的按钮代码
<span class="btn btn-info pull-right btn-listele" id="btn-listele-sol" data-taraf="sol">Ders Planlarını Listele</span>
<span class="btn btn-info pull-right btn-listele" id="btn-listele-sag" data-taraf="sag">Ders Planlarını Listele</span>回答 2
Stack Overflow用户
回答已采纳
发布于 2015-08-04 06:55:04
脚本执行
当使用没有后缀选择器表达式的URL调用.load()时，将在删除脚本之前将内容传递给.html()。这将在脚本块被丢弃之前执行它们。但是，如果调用.load()时附加了一个选择器表达式，那么脚本在DOM更新之前就会被删除，因此不会执行。这两种情况的一个例子如下：
在这里，作为文档一部分加载到#a中的任何#a都将成功执行。
$( "#a" ).load( "article.html" );但是，在以下情况下，加载到#b的文档中的脚本块将被剥离而不执行：
$( "#b" ).load( "article.html #target" );Stack Overflow用户
发布于 2015-08-04 06:24:15
看起来，加载到'#list1‘和'#list2’中的内容来自完全相同的数据源。
/Genel/BolumPlan/IntibakDersPlan?guncelMi=true&groupable=true"的结果有什么不同吗？如果没有，您将在每个div中得到相同的数据。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31801953
复制相关文章
相似问题
腾讯云开发者
