2013-04-01 239 views
0

我有一個<div>這是隱藏的jquery只有inital頁面加載時。 我有按鈕,點擊事件中的<div>可見。我還希望<div>也隱藏在按鈕單擊事件中。我有一個按鈕點擊綁定在asp.net中的網格事件。jQuery按鈕點擊隱藏分區

以下是我試過的代碼,其中#dInner是div,而#bNextWeek是按鈕。

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

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

從你的代碼,您實際上隱藏在頁面加載本身('$( '#晚餐')的'div'。隱藏()')。所以,你不能使用點擊事件再次隱藏它! –

+1

感謝您的高舉will.i.am ....我通過CSS隱藏div,並通過jquery使其可見...完美工作 –

回答

0

嘗試用這種

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

,或者你可以用

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

當我添加e.preventDefault();我的按鈕onclick()事件不會觸發 –

+0

請參閱我的編輯....它現在會工作 – Gautam3164

+0

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

0

試試this.i會工作。

$(文件)。就緒(函數(){

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

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

    }); 

});

+0

hide()'&'css('display 」, '無')'? –

+0

它沒有工作 –

+0

現在檢查出來。 –

0

如果你試圖隱藏和jQuery的同一按鈕點擊顯示的div元素,使用切換:
$( '#bttnId')綁定( '點擊',函數(){$(」 #dInner')。toggle();});

+0

我通過CSS顯示屬性使div可見爲false,然後通過jquery使其可見。所以問題現在解決.. –

0

CSS:

#dInner 
{ 
visibility:hidden; 
} 

的Jquery:

$(document).ready(function() { 

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

    });