4

私はmvc4とjquerymobileの初心者です。私がやろうとしているのは、jquery-ui-mapライブラリを使用してマップを表示することです。

これが私がしたことです：

1）レイアウトページの下部にある「本文の終わり」タグの前に次のコードがあります

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

2）インデックスビューに次のアクションリンクがあります

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

上記のアクションリンクをクリックすると、ユーザーの場所が取得され、Googleマップにマーカーが表示されます。

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()れ、マップが表示されます。

  1. @sectionタグに何か問題がありますか？
  2. ページを強制的に再読み込みするにはどうすればよいですか。実行しようとしAjax.Actionlinkたか、Controller Actionメソッドでゼロに設定cachedurationしましたが、まだ実行できません。

このフォーラムで利用可能なすべての質問と回答を試しましたが、それでも機能しませんでした。

なぜこれが起こっているのか考えていますか？

4

2 に答える 2

1

誓い！！これを理解するのに私の一日のほとんどがかかりました.... 最新の Web.Optimization と他の dll を取得するために nuget パッケージをアップグレードしましたが、それでも今まではうまくいきませんでした。

最後に、Scott Hanselman の Create a great mobile site の記事にたどり着きました。

この記事を読んでいるときに、このスクリプトに出会い、_Layout ページに挿入しました。今、私のサイトは期待どおりに動作します....

<script type="text/javascript">
 $(document).bind("mobileinit", function () {
     // jQuery Mobile's Ajax navigation does not work in all cases (e.g.,
     // when navigating from a mobile to a non-mobile page), especially when going    back, hence disabling it.
     $.mobile.ajaxEnabled = false;
  });
    </script>
于 2012-09-24T01:20:57.573 に答える
1

ajax 機能を保持したい場合は、 @RenderSection("scripts", required: false) is inside you data-role="page" div を移動することもできます

于 2012-10-01T13:33:32.760 に答える