Discussion :

[skawll]

Je crée en ce moment un site pour mobile.

Je le fais avec jquerymobile

J'ai un problème au niveau du menu. Je souhaiterai qu'au clic sur un des menus, qu'il soit actif. Le problème c'est qu'au rechargement de la page, seul le menu "Accueil" est actif. Cela se fait part rapport à data_ajax false. J'ai essayé de contourner ça avec un script mais rien n'y fait.

Le menu

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div data-role="navbar">
    <ul class="nav">
        <li><a href="<?php echo host_url() ?>" class="ui-btn-active">Accueil</a></li>
        <li><a href="<?php echo host_url() ?>categorie/xbox" data-ajax="false">Xbox</a></li>
        <li><a href="<?php echo host_url() ?>categorie/ps4" data-ajax="false">PS4</a></li>
        <li><a href="<?php echo host_url() ?>categorie/wiiu" data-ajax="false">Wiuu</a></li>
    </ul>
</div>

Le script Js qui ne fonctionne pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$(document).bind('mobileinit',function(){
 
$('ul.nav a[href="'+ url +'"]').parent().addClass('ui-btn-active');
 
$('ul.nav a').filter(function() {
        return this.href == url;
    }).parent().addClass('ui-btn-active');
})

[Kaamo]

ça donne quoi <?php echo host_url() ?> ??
et la variable JavaScript url ??

Bref, sans le code généré (afficher la source du navigateur) et un manque d'info de JavaScript, on ne peut pas aider plus que ça.

Où as tu placé le mobileinit ? Il doit être entre la déclaration de jQuery et jQuery Mobile.

[skawll]

oups, j'ai oublié pour url

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var url = window.location;

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<?php echo host_url() ?>

correspond à www.hotgamerz.com

le code js est dans un fichier externe, j'ai fait un alert pou vérifier s'il était bien appelé et c'est le cas. Je l'ai déclaré avant le fichier js de jquerymobile comme précisé dans la doc.

[Kaamo]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var url = window.location;

Cela renvoie un objet .... Je pense que tu veux récupérer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var url = window.location.href;

[skawll]

Le probléme reste le même, quand je clique, le menu est actif mais à l'affichage des résultats lors du rechargement de la page, il ne l'est plus.

[Kaamo]

Peut-être que l'url change, n'est plus la même ? Et donc le comportement est le bon