Question

我的页面中有多个部分，每个部分都有自己的ID。当页面加载时，我试图从Controller加载每个页面的实际视图，并根据下面的示例代码将其放入该部分。

然而，每当我刷新页面时，我发现有时内容会到达，有时则不会。因此，有时我会为所有人提供内容，然后只有2或3，然后为所有人等。我做错了什么？从Controller返回的数据只是html的一小部分。

Index.cshtml

<table class="table1">
    <tr>
        <td colspan="2"><section id="id1" class="ctrl1 mainPanel"></section></td>
        <td colspan="2"><section id="id2" class="ctrl2 mainPanel"></section></td>
    </tr>
    <tr>
        <td colspan="2"><section id="id3" class="ctrl3 mainPanel"></section></td>
        <td><section id="id4" class="ctrl4 mainPanel"></section></td>
        <td><section id="id5" class="ctrl5 mainPanel"></section></td>
    </tr>
</table>

@section scripts {
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

     <script>

         $(document).ready(function () {

             $("#id1").load("/MyController/GetData1");
             $("#id2").load("/MyController/GetData2");
             $("#id3").load("/MyController/GetData3");
             $("#id4").load("/MyController/GetData4");

         });

    </script>

来自MyController的

：

public ActionResult GetData1()
{
    String s = "<b>Section 1 header</b><br><br>";
    s += "<ul><li>3 appointments</li><li>2 tasks</li></ul>";
    return Content(s);
}

等...

jQuery不一致加载section元素

0 个答案: