JQuery .addclass() après le chargement de la page

Je assigner une classe à l'élément, mais après le chargement de la page de la classe est supprimée.

J'utilise cette fonction dans mon script.js

$('#main-nav li ul li a').click(function(){
    $('#main-nav li ul li').children().removeClass('current');
    $(this).addClass('current');
});

et ceci dans mon PHP vue:

 <ul id="main-nav">  <!-- Accordion Menu -->
    <li>
       <a href="#" class="nav-top-item no-submenu"> <!-- Add the class "no-submenu" to menu items with no sub menu -->
    On site
       </a>       
    </li>

    <li> 
       <a href="#" class="nav-top-item current"> <!-- Add the class "current" to current menu item -->
    Programs
       </a>
   <ul>
       <li><a href="<?php echo site_url('admin/country_management')?>">Manage country</a></li>
       <li><a href="<?php echo site_url('admin/channel_management')?>">Manage channel</a></li>
       <li><a href="#">Manage Comments</a></li>
       <li><a href="#">Manage Categories</a></li>
    </ul>
       </li>

</ul> <!-- End #main-nav -->

Si j'utilise ce <li><a href="<?php echo site_url('...')?>">Manage</a></li> la classe est ajouté mais après la charge est retirée.

Comment puis-je ajouter une classe si j'utilise du code php après le chargement de la page ou avez-vous une solution ?

si tu veux exécuter le code après le chargement de la page, puis utiliser $(document).ready(function(){ //code //}); Si tu veux l'exécuter après le chargement de l'image, puis utilisez la fenêtre.la fonction onload

OriginalL'auteur Alex Florea | 2012-12-07

  1. 1

    jQuery est langage de script ... Lors du chargement de la page, il va certainement supprimer votre ancien fonctionnalité cliquez sur événement n'a pas tiré de sorte qu'il ne fonctionne pas....

    Après le chargement de la page il suffit de mettre un peu de logique par le biais de PHP ....

    OriginalL'auteur Abhishek Srivastava

  2. 0

    avec JQuery, vous pouvez exécuter du code lorsque la page est chargée :

    $(document).ready(function(){
    //your code here
});
    Salut. Mon code est en cours d'exécution, mais après que la classe est supprimée. J'ai besoin d'assigner une classe après le chargement de la page ou ajouter une classe 1 de plus de temps pour l'élément ul li un.

    OriginalL'auteur SmasherHell

  3. 0

    cela devrait fonctionner:

    $(document).ready(function(){
    $('#main-nav li > a').click(function(e){
        $('#main-nav a').removeClass('current');
        $(e.target).addClass('current');
    });

});

    si cela ne fonctionne pas, essayez ce bloc de script avant </body> à la fin de votre document:

    <script type="text/javascript">
$(function(){
    $('#main-nav li > a').click(function(e){
        $('#main-nav a').removeClass('current');
        $(e.target).addClass('current');
    });
});
</script>

    cela va forcer l'exécution, après tout le html est rendu par le php

    OriginalL'auteur w3jimmy

  4. 0

    Tout d'abord l'enveloppe de votre fonction dans une $(document). ready(function () {}) et l'utilisation de la $('#main-nav'). on('click', 'li > a', function () {} ) approche à l'intérieur de lui. . on() est préférable de joindre écouteur d'événement à un chargement dynamique des éléments.

    OriginalL'auteur Denisx