jQuery按钮点击隐藏分区

我有一个<div>这是隐藏的jquery只有inital页面加载时。我有按钮，点击事件中的<div>可见。我还希望<div>也隐藏在按钮单击事件中。我有一个按钮点击绑定在asp.net中的网格事件。jQuery按钮点击隐藏分区

以下是我试过的代码，其中#dInner是div，而#bNextWeek是按钮。

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

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

来源

2013-04-01 Alkesh Deshpande

从你的代码，您实际上隐藏在页面加载本身（'$（ '＃晚餐'）的'div'。隐藏（）'）。所以，你不能使用点击事件再次隐藏它！ –

感谢您的高举will.i.am ....我通过CSS隐藏div，并通过jquery使其可见...完美工作 –

尝试用这种

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

，或者你可以用

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

来源

2013-04-01 10:05:59 Gautam3164

当我添加e.preventDefault（）;我的按钮onclick（）事件不会触发 –

请参阅我的编辑....它现在会工作 – Gautam3164

它是为你工作.. ?? – Gautam3164

试试this.i会工作。

$（文件）。就绪（函数（）{

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

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

    });

}）;

来源

2013-04-01 10:08:29

hide（）'＆'css（'display ”， '无'）'？ –

它没有工作 –

现在检查出来。 –

如果你试图隐藏和jQuery的同一按钮点击显示的div元素，使用切换：
$（ '＃bttnId'）绑定（ '点击'，函数（）{$（” #dInner'）。toggle（）;}）;

来源

2013-04-01 10:44:48 ER144

我通过CSS显示属性使div可见为false，然后通过jquery使其可见。所以问题现在解决.. –

CSS：

#dInner 
{ 
visibility:hidden; 
}

的Jquery：

$(document).ready(function() { 

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

    });

来源

2013-04-01 10:56:05 user2218497

jQuery按钮点击隐藏分区

回答

相关问题