Comment obtenir des Liens d'Ancrage pour travailler en Jquery Mobile?

Jquery Mobile a décidé de traiter l'ancre des liens que les demandes de page de tri. Cependant, ce n'est pas bon si vous avez une charge de blog ont de l'ancre des liens vers la même page (c'est à dire href="#" caractéristiques techniques).

Est-il un moyen de désactiver jquery mobile ancre du lien de l'utilisation sur une page spécifique qui je sais que je ne vais pas l'utiliser, donc je peux utiliser les liens d'ancrage comme ils ont été conçus, pour tomber à une partie de la page?

J'ai seulement besoin d'une solution pour l'ancre des liens sur la même page (ie: href="#" caractéristiques techniques).

grâce

InformationsquelleAutor David | 2012-02-25

45

Vous pourriez essayer d'ajouter un data-ajax="false" sur la balise d'ancrage.

Liaison sans Ajax

Des liens qui pointent vers d'autres domaines ou qui ont ,
data-ajax="false" ou cible attributs ne seront pas chargées avec l'Ajax.
Au lieu de cela, ces liens sera la cause d'une actualisation de la page entière avec pas animé
de transition. Les deux attributs ( et les données-ajax="false")
l'effet est le même, mais un autre sens sémantique:
doit être utilisé lors de la liaison à un autre site ou un domaine, tout en
data-ajax="false" est utile pour tout simplement en optant d'une page à l'intérieur de votre
domaine d'être chargé via Ajax. En raison de restrictions de sécurité,
le cadre opte toujours des liens vers d'autres domaines de l'Ajax
comportement.

De référence - http://jquerymobile.com/demos/1.0.1/docs/pages/page-links.html
- Je pense que tu veux dire pour la mettre sur la balise de lien (par opposition à la balise d'ancrage)?
- Ceci est également utile lorsque vous créez des liens vers des pages externes(pas de liens) dans le même jquery mobile app, je veux dire, vous avez un lien pointant de index.html à create.html#creations. Il fonctionne parfois comme JQM commandes, mais parfois, il n'est pas, de sorte que le data-ajax="false" attribut est une excellente solution.
InformationsquelleAutor user700284
5

Si vous êtes comme moi, de la conversion d'un site existant et vous ne voulez pas aller à travers chaque page dès maintenant. Vous pouvez ajouter une ligne de code à votre en-tête et tous de votre en-tête et l'ensemble de vos internes existant dans les liens d'ancrage obtiendrez la data-ajax="false" tag ajouté.

Bien sûr, cela suppose que vous y compris votre propre fichier javascript dans l'en-tête déjà. Si vous n'êtes pas que vous auriez à toucher à chaque page, de toute façon. Mais j'ai un seul fichier javascript qui est inclus dans chaque page déjà j'ai donc ajouté cette ligne...
```
$("a").each(function () { if(this.href.indexOf("#")>=0) $(this).attr("data-ajax",false); });
```
Cela va dans votre $(document).prêt() de bloc. Si vous n'avez pas que bloquer pourtant, ici, l'ensemble du bloc.
```
$(document).ready(function() {
  $("a").each(function () { if(this.href.indexOf("#")>=0) $(this).attr("data-ajax",false); });
});
```
Espère que cette aide. C'est la même solution user700284 offre mais de façon automatisée.

InformationsquelleAutor Glenn J. Schworak
2

Vous pouvez ajouter le code suivant à la fin de votre page:
```
 <script type="text/javascript">
     $('a.native-anchor').bind('click', function(ev) {
         var target = $( $(this).attr('href') ).get(0).offsetTop;
         $.mobile.silentScroll(target);
         return false;
     });
 </script>
```
Et ajouter la classe "natif d'ancrage" pour votre ancre des liens.

Il n'est pas un total de solution, parce que le bouton retour de votre navigateur va vous permettre de vous déplacer à la page précédente et de ne pas la position du lien, mais c'est mieux que les liens ne fonctionne pas du tout.

J'ai trouvé cette solution ici: jQuery Mobile d'Ancrage Reliant
- si la page est ajax-chargé à partir d'une autre page (ce qui est généralement le cas en JQuery mobile), alors assurez-vous d'ajouter le code à la fin de la data-role="page" de l'élément.
InformationsquelleAutor Hendrik Jan

$(document).bind("mobileinit", function () {
    $.mobile.ajaxEnabled = false;
});

InformationsquelleAutor regan_leah

0

D'abord, vous devez placer ce code dans un custom.js fichier
```
$(document).bind('mobileinit', function () {
    $.mobile.loader.prototype.options.disabled = true;
    $.mobile.ajaxEnabled = false;
    $.mobile.linkBindingEnabled = false;
    $.mobile.loadingMessage = false;
});
```
Puis ajouter ce fichier dans votre page web avant de la js jquery mobile est chargé. parce que 'mobilinit' événement est déclenché immédiatement

InformationsquelleAutor karthikeyan ganesan
-1

Merci
cette solution a fonctionné pour moi
```
<script>
  $(document).ready(function() {
    $("a").each(function() {
      if (this.href.indexOf("index.php") >= 0) $(this).attr("data-ajax", false);
    });
  });
</script>
```
J'ai remplacé # avec index.php qui est ma racine du document.
Mais, il ne fonctionne pas pour bouton de formulaire, j'.e input type="submit"

InformationsquelleAutor Mastakongo Prez

-1

//On page load on mobiles only, look for the specific a tag you want to take control over,
//alternatively you can still target all 'a' tags
        $('a[href*="#component"]').each(function () {
            //then set data-ajax to false, 
            $(this).attr("data-ajax", false);
            //at this point you can add the class to your target a tags. 
            //You can do it elsewhere but because for this example my 
            //'a' tags are automatically generated so I just add the class here
            $(this).addClass('in-pagelink');
            //then target the class and bind to a click event 
            $('a.in-pagelink').bind('click', function (ev) {
                //here I redirect the page with window.location.assign
                //as opposed to window.location.href. I find that it works better
                window.location.assign(this.href);
                //then I close my navigation menu
                closeAll();
            });

        });

InformationsquelleAutor Yonko Kilasi

Vous devez vous connecter pour publier un commentaire.