单击jQuery按钮隐藏div

时间:2013-04-01 10:04:13

标签: jquery

我有一个<div>,当页面加载时,它只通过jquery隐藏。 我有按钮,在点击事件中<div>可见。我希望<div>也隐藏在按钮点击事件上。我在按钮上点击了一个事件,在asp.net中绑定一个网格。

以下是我尝试过的代码,#dInner是div,#bNextWeek是按钮。

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

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

4 个答案:

答案 0 :(得分:0)

试试这个

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

或者您可以尝试使用

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

答案 1 :(得分:0)

试试这个。我会工作。

$(document).ready(function(){

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

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

    });

});

答案 2 :(得分:0)

如果您试图通过相同的按钮隐藏并显示div元素,请单击jquery,使用toggle:
$('#bttnId')。bind('click',function(){$('#dInner')。toggle();});

答案 3 :(得分:0)

CSS:

#dInner
{
visibility:hidden;
}

Jquery的:

 $(document).ready(function () {

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

  });