我有兩個div在頁面加載後被放置在DOM中,使用jquery。我很難約束一個div動作來顯示另一個元素。任何指針?直播點擊顯示另一個div
jQuery('#create-account-btn').live('click',function(){
jQuery('#create-account').show();
jQuery(this).hide();
});
創建帳戶現在顯示
我有兩個div在頁面加載後被放置在DOM中,使用jquery。我很難約束一個div動作來顯示另一個元素。任何指針?直播點擊顯示另一個div
jQuery('#create-account-btn').live('click',function(){
jQuery('#create-account').show();
jQuery(this).hide();
});
創建帳戶現在顯示
工作演示
Jquery的.on
事件在這裏閱讀更多,但只有超過V 1.7:如果你熱衷http://api.jquery.com/live/
:http://api.jquery.com/on/.live
這裏:What's the difference between jQuery .live() and .on()
此外,如果你變得更加熱衷:看到這裏爲什麼:What's wrong with the jQuery live method?
隨意記下小html和演示給你。
希望這有助於:)
另外請注意:你可以這樣做:
$(document).on('click','#create-account-btn',function(){
});
代碼
$('.hulk').hide();
$('#create-account-btn').on('click',function(){
$('.hulk').hide();
$('#create-account').show();
});
$('#foo').on('click',function(){
$('.hulk').hide();
$('#create-whatever').show();
});
HTML
<div class="hulk" id="create-whatever">
hulk yada yada
</div>
<div class="hulk" id="create-account">
ironman yada yada crea accoutn show
</div>
<input type="button" id="create-account-btn" value="click me" />
<input type="button" id="foo" value="click me to show another" />
如果用'.on()'替換'.live()',那不是你使用的語法(對於在dom準備好之後加載的元素)。有關如何移植到'.on()'的信息,請參閱http://api.jquery.com/live。 – nbrooks 2012-07-10 01:08:38
Hiya @nbrooks Howz it going man! ':''歡呼,我也更新了一些有用的OP的東西。 – 2012-07-10 01:10:34
就這麼你知道,'.live()'從jQuery 1.7。+中被棄用。 – honyovk 2012-07-10 00:54:05
你能更清楚地解釋一下你顯示的代碼出了什麼問題嗎?你說「創建帳戶現在將顯示」,那麼問題是什麼? – nnnnnn 2012-07-10 00:57:33
你的代碼工作得很好...... http://jsfiddle.net/matthewbj/Kk6MR/ – honyovk 2012-07-10 01:00:50