Ajax beginform在PartialView MVC中的JQuery中不起作用

Question

在主控制器視圖中，我們像這樣加載局部視圖：@ Html.Partial（“ MapPartial”，Model）

在局部視圖中，我想渲染一個地圖。 當前，我有一個帶有提交按鈕的Ajax beginform，它調用控制器操作，並且onSuccess將數據加載到JavaScript函數中，該函數呈現如下圖所示。 這很好。

<div id="map"></div>

@using (Ajax.BeginForm("GetData", "Directory", new AjaxOptions { OnSuccess = "mapInit" }))
{
    <button class="btn" type="submit">update map</button>
}

更新：好的，我知道在加載控制器主視圖時會首先加載JQuery代碼/函數，但是當選擇了局部視圖時，如何自動呈現地圖。 我不介意使用載入/進度條來渲染地圖可能會延遲一秒鍾。 請幫忙。

Answer 1

嘗試使用此Google Maps觸發器。

google.maps.event.trigger（map，'resize'）;

其中“地圖”是您的Google Maps對象

$(document).ready(function () {
$.post('Directory/GetData',{},function(data){            
        mapInit(data);
    },"json");
function mapInit(data) {
$('#MapParial').html(data);
google.maps.event.trigger(map, 'resize');
}

}）;

Answer 2

我不知道你想做什么，但只是嘗試這個職位

$(document).ready(function () {
    $.post('Directory/GetData',{},function(data){            
            mapInit(data);
        },"json");
    function mapInit(data) {
    $('#MapParial').html(data);
    }
});