Jquery élément cacher par classe

-1

Jquery:Jquery élément cacher par classe

$("#pending").click(function() 
{ 
    $(".pending").hide(); 
});

HTML/PHP:

<span style="font-size:2em;display:inline;position:relative;top:-30px;color:#484848;">Filter :<p id="pending" style="display:inline">Open</p><p id="wait" style="display:inline">Behandeling</p><p id="done" style="display:inline">Voltooid</p></span> 
    <?php 
    echo "<td> 
      <div class='pending'> 
      <form method='post' action='callstep.php'> 
       <input type='hidden' name='id' value='$row[0]'> 
       <input type='submit' value='Reply' class='small alert button'/> 
      </form> 
      </div> 
     </td>"; 
    ?>

Le code ci-dessus ne fonctionne pas. La fonction click fonctionne mais $(".pending").hide(); pas. (Je l'ai remplacé par un alert pour tester.)

Quelqu'un a une idée?!

Source

2013-09-07 r-d-r-b-3

A) afficher le rendu HTML votre PHP n'a rien à voir avec ça et 2) où est l'élément avec l'ID de pending? '$ (" # pending ")' fait référence à un ID. – j08691

Est-ce que ça devrait être un ID là: '$ (" # pending "). Hide();' et dans ce cas juste '$ (this) .hide();'? – Sergio

plz faire alerte ($ ('. Pending'). Longueur); et laissez-moi savoir ce que ça donne. mettez-le sous la fonction de clic. – developerCK

$(".pending").click(function(){ 
    $(".pending").hide(); 
    });

Il n'y a pas d'attribut Id ayant nom #pending

Source

2013-09-07 16:49:34

mais il a mentionné la fonction de clic travaillé – rAjA

En effet, il y a un ID #pending et la fonction de clic fonctionne! –

$(".pending").click(function(){ 
    $(this).hide(); 
});

Source

2013-09-07 16:51:47

Ce n'est pas la bonne réponse parce que le div #pending tient le bouton pour montrer/cacher. –

Vous appelez un identifiant appelé « #pending » que l'utilisateur est censé cliquer, pour faire la classe en attendant de se cacher. Je ne vois pas dans votre code le #pending. Essayez: <div id="pending" class="pending">

Source

2013-09-07 16:55:14 user2132859

Je l'ai déjà. –

Si la fonction de clic a fonctionné, le code semble bien pour moi,

Vérifiez s'il y a un autre scénario rendant le .pending visible à nouveau?

Vérifiez également le css de .pending si elle a display:block !important; ou quelque chose comme ça ..

Assurez-vous également que vous ne disposez pas plus d'un élément #pending dans votre page

Source

2013-09-07 16:59:29 rAjA

Jquery élément cacher par classe

Répondre

Questions connexes