jQuery bouton cliquez pour cacher une div

J'ai un <div> qui est masqué par jquery seulement inital lorsque la page se charge. J'ai bouton, dans lequel sur l'événement de clic le <div> devient visible. Je veux que le <div> soit caché sur l'événement de clic de bouton également. J'ai un événement sur le clic de bouton liant une grille dans asp.net.jQuery bouton cliquez pour cacher une div

Voici le code que j'ai essayé dans lequel #dInner est le div et #bNextWeek est le bouton.

$(document).ready(function() { 
    $('#dInner').hide(); 

    $('#<%=bNextWeek.ClientID%>').live('click', function (e) { 
     $('#dInner').hide();         
    }); 
});

Source

2013-04-01 Alkesh Deshpande

À partir du code que vous avez, vous avez réellement caché le 'div' sur la charge de la page elle-même (' de $ ('# DINER'). masquer() '). Donc, vous ne pouvez plus le masquer en utilisant l'événement click! –

merci pour les heads up will.i.am .... j'ai fait le div caché à travers css et l'a rendu visible par jquery ... travaillé parfaitement –

Essayez avec cette

$('#'+<%=bNextWeek.ClientID%>).live('click', function (e) { 
     $('#dInner').hide();         
});

ou vous pouvez essayer avec

$('#'+<%=bNextWeek.ClientID%>).live('click', function (e) { 
     $('#dInner').css('display','none'); 
});

Source

2013-04-01 10:05:59 Gautam3164

Lorsque j'ajoute le e.preventDefault(); mes boutons onclick() événement ne se déclenche pas –

Voir mon edit .... Il va fonctionner maintenant – Gautam3164

Est-ce que cela fonctionne pour vous .. ?? – Gautam3164

Essayez this.i fonctionnera.

$ (document) .ready (function() {

$('#dInner').hide(); 

    $('#bNextWeek').live('click', function (e) { 
     $('#dInner').css('display','none'); 

    });

});

Source

2013-04-01 10:08:29

Quelle est la différence entre 'hide()' & 'css ('affichage ',' aucun ') '? –

il n'a pas fonctionné –

maintenant vérifier. –

Si vous essayez de cacher et de montrer l'élément div par le même bouton clic dans jquery, utilisez bascule.
$ ('# bttnId') se lient (clic, function() {$ (» #dInner '). toggle();});

Source

2013-04-01 10:44:48 ER144

J'ai rendu le div visible faux par la propriété d'affichage CSS, puis l'a rendu visible par jquery .. donc le problème est résolu maintenant .. –

CSS:

#dInner 
{ 
visibility:hidden; 
}

Jquery:

$(document).ready(function() { 

    $('#bNextWeek').live('click', function (e) { 
    $('#dInner').css('visibility','visible'); 
    }); 

    });

Source

2013-04-01 10:56:05 user2218497

jQuery bouton cliquez pour cacher une div

Répondre

Questions connexes