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);
    }
});