PartialView MVC3的脚本未加载

Question

我正在使用ASP MVC3，但我使用的是部分视图，但问题是无法将脚本加载到同一视图中。 下面是我尝试过的代码：

<script type="text/javascript">
    $('#bodytag').load(function () {
        alert('Load was performed.');
    });
</script>
<div class="acc-expand-bkg" id="bodytag">
    <div class="submenu_dropdown clearfix">
        <div class="filter_bar clearfix">
            <div class="left" style="margin-left: 10px;">
                <label style="width: auto; margin-top: 7px;">
                    Standard:</label>
                @Html.DropDownList("teamDetailId", ViewBag.TeamNames as SelectList, null, new { id = "teamDetailId" })
            </div>
        </div>
    </div>
</div>

上面的部分视图未加载脚本。 我尝试了document.ready，但这两个都不起作用。 您能告诉我同样的解决方法吗？

先感谢您

Answer 1

尝试这样：

<script type="text/javascript">
    alert('Load was performed.');
</script>

但是通常不应将脚本放在部分视图中。 它们不应与标记混合使用。 通常，脚本属于单独的javascript文件。 因此，更好的方法是在单独的文件中定义javascript函数：

function doSomething() {
    alert('Load was performed.');
}

然后在使用AJAX加载部分视图后调用此javascript函数：

$.ajax({
    url: 'some url',
    type: 'post',
    success: function(result) {
        $('#someId').html(result);
        // the partial view was injected into the DOM => now we could
        // invoke our function:
        doSomething();
    }
});

Answer 2

加载功能用于使用ajax从服务器加载内容并更新指定html元素的内部内容。 您必须将服务器url作为方法的第一个参数传递。

$('#bodytag').load('ajax/test.html', function() {
  alert('Load was performed.');
});

您必须将脚本块放在html下面。