mvc 4 - Jquery mobile - @section scripts ne fonctionne pas après la navigation

Je suis novice sur mvc 4 et jquery mobile et ce que j'essaie de faire, c'est afficher une carte à l'aide de jquery-ui-carte de bibliothèque.

Voici ce que j'ai:

1) Sur la mise en page, j'ai le code suivant au fond avant la "fin du corps" tag

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

2) Sur l'Index, j'ai suivantes Actionlink

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

Quand je clique sur le lien d'action, Il va prendre la localisation de l'utilisateur et 'll afficher le marqueur sur la carte google.

Sur la CARTE afficher la page j'ai le code suivant au bas

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

Ici est la question que je vais avoir.... Quand je clique sur le lien d'action, il affiche la Vue de la Carte, mais aucune carte ne s'affiche.

Si j'ai actualiser la page (f5 ou cliquez sur actualiser de votre navigateur icône), il va appeler le $function() et la carte est affichée.

  1. Je fais quelque chose de mal avec @section tag?
  2. Comment puis-je la force de la page se recharge.. j'ai essayé de faire Ajax.Actionlink, ou un ensemble cacheduration à zéro dans la méthode d'Action du Contrôleur, toujours pas aller.

J'ai essayé toutes les questions et réponses dans ce forum et encore je n'ai pas à le faire fonctionner.

Une idée de pourquoi ce qui se passe?

OriginalL'auteur user1418168 | 2012-09-23

  1. 1

    Si vous souhaitez conserver la fonctionnalité ajax vous pouvez également déplacer le @RenderSection("scripts", obligatoire: false) est à l'intérieur de vous data-role="page" div

    OriginalL'auteur karnd01

  2. 1

    Vœu!! Il a pris la plupart de ma journée à essayer de comprendre cela.... J'ai mis à jour les packages nuget, pour obtenir la dernière version Web.L'optimisation et de l'autre dll, mais encore ses pas jusqu'à maintenant.

    Enfin, je suis venu acorss cet article par Scott, Hanselman de Créer un grand site mobile.

    Que j'allais à travers l'article, je suis tombé sur ce script et le mettre dans mon _Layout page. Maintenant, mon site fonctionne comme prévu....

    <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>

    OriginalL'auteur user1418168