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下面。