jQuery onglets de l'interface utilisateur javascript cliquez sur la fonction ne fonctionne pas

Question

J'utilise les onglets de l'interface utilisateur jQuery, mais j'ai un problème.

Mon code javascript:

$(function() { 
    $("#tabs").tabs(); 
}); 

Mon HTML:

<div class="demo"> 
    <div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Eat</a></li> 
    </ul> 
    <div id="tabs-1"> 
     tab 1 
    </div> 
    <div id="tabs-2"> 
     tab 2 
    </div> 
    <div id="tabs-3"> 
     tab 3 
    </div> 
    </div> 
</div><!-- End demo --> 

J'utilise un autre fichier script.js. de ce que j'appelle une fonction de clic.

$("#tabs-2").click(function() 
{ 
    alert("This is tab3");  
}); 

Cette fonction ne fonctionne pas. Je veux afficher certaines données de la base de données en cliquant sur chaque onglet. Comment écrire une fonction js en utilisant jQuery? Aidez-moi, s'il vous plaît.

Merci, Raj

Answer 1

Quel type d'erreur que vous obtenez? Pouvez-vous utiliser Firebug pour aider à déboguer le problème que vous rencontrez avec votre jQuery?

Avez-vous essayé:

$("a[href=#tabs-2]").click(function() 
{ 
    alert("This is tab3");  
}); 

Answer 2

Ce code est correct, vous devez utiliser

HTML:

<div class="demo"> 
    <div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Eat</a></li> 
     <li><a href="#tabs-2">Drink</a></li> 
     <li><a href="#tabs-3">Sleep</a></li> 
    </ul> 
    <div id="tabs-1"> 
     tab 1 
    </div> 
    <div id="tabs-2"> 
     tab 2 
    </div> 
    <div id="tabs-3"> 
     tab 3 
    </div> 
    </div> 
</div> 

jQuery:

$(function() { 
    $("#tabs").tabs(); 

    $("#tabs-2").click(function() { 
     alert("This is tab2");  
    }); 
}); ​ 

Vous pouvez le vérifier travail here.

Hope it helps

Answer 3

Solution donnée par Lorenzo ne fonctionne pas pour moi, mais la solution donnée par keith_c fonctionne comme un charme. Je ne trouver un moyen de plus pour accomplir cette exigence, car il est difficile pour moi de mettre le code ici, vous pouvez avoir un coup d'oeil sur http://ektaraval.blogspot.com/2011/09/calling-javascript-when-jquery-ui-tab.html

espoir qui aide quelqu'un ..