Question

我有一个页面，其中包含动态内容，其内容随参数而变化。

我正在尝试比较不同的部门课程。首先，我选择计算机科学并将其课程加载到我左边的第一个div。（＃列表1）

加载第一个内容后，我将部门更改为工业工程，然后单击第二个按钮将课程列表加载到第二个div（＃list2）

但是当我加载第二个div时，第一个div内容变化就像第二个（工业工程）。如果我加载第二个div首先它的工作！（但客户不接受）

我的代码就是这样，

if test$b[i] == NA, test$b[i] = (test$a[i] + test$b[i])/2
else leave test$b[i] as it is.

按钮点击事件

<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>

注意：如果我改变上面的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 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>

Answer 1

您加载到'＃list1'和'＃list2'的内容似乎来自完全相同的数据源。

/Genel/BolumPlan/IntibakDersPlan?guncelMi=true&groupable=true"的结果是否有所不同？如果没有，您将在每个div中得到相同的数据。

Answer 2

<强> Script Execution

使用不带后缀选择器表达式的URL调用.load()时，在删除脚本之前，内容将传递到.html()。这将在丢弃之前执行脚本块。但是，如果使用附加到URL的选择器表达式调用.load()，则在更新DOM之前会删除脚本，因此不会执行脚本。两种情况的例子如下所示：

此处，作为文档一部分加载到#a的任何JavaScript都将成功执行。

$( "#a" ).load( "article.html" );

但是，在以下情况中，加载到#b的文档中的脚本块将被删除而不会执行：

$( "#b" ).load( "article.html #target" );

jQuery多个ajax加载相同的动态页面

2 个答案: