c# – mvc 4 – Jquery mobile – @section脚本在导航后无法正常工作

2023年7月18日 154次阅读

我是mvc 4和
jquery mobile的新手,我想要做的是使用jquery-ui-map库显示地图.

这是我的意思：

1)在布局页面上,我在“end of body”标签之前的底部有以下代码

@Scripts.Render("~/bundles/jquery","~/bundles/jqueryui")
@Scripts.Render("~/bundles/jquerymobile")
@RenderSection("scripts", required: false)

2)在索引视图上我有以下Actionlink

@Html.ActionLink("Display Map","Map", "Home", null, 
        new { data_role = "button", data_theme = "b", data_mini = "true" })

当我点击上面的操作链接时,它会占用用户位置并在谷歌地图上显示标记.

在MAP视图页面上,我在底部有以下代码

@section scripts{

     <script type="text/javascript" src="http://maps.google.com/maps/apis?sensor=false">
     </script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/map/demo.js")"></script>
    @Scripts.Render("~/Scripts/map/jquery.ui.map.min.js")
    @Scripts.Render("~/Scripts/map/jquery.ui.map.overlays.min.js")
    @Scripts.Render("~/Scripts/map/jquery.ui.map.extensions.js")
    $(function () {
            //code to display the map
        });
 }

这是我遇到的问题….当我点击动作链接时,它将显示地图视图但不显示地图.

如果我刷新页面(f5或点击浏览器刷新图标),它将调用$function()并显示地图.

>我对@section标签做错了什么？
>如何强制页面重新加载..我已经尝试过做Ajax.Actionlink,或者在Controller Action方法中将cacheduration设置为零,仍然没有去.

我已经在这个论坛上尝试了所有可用的问题和答案,但我仍然无法使用它.

知道为什么会这样吗？

最佳答案 如果你想保留ajax功能,你也可以移动@RenderSection(“脚本”,必需：false)在你的内部data-role =“page”div

点赞