2012-07-10 113 views
0

我有兩個div在頁面加載後被放置在DOM中,使用jquery。我很難約束一個div動作來顯示另一個元素。任何指針?直播點擊顯示另一個div

jQuery('#create-account-btn').live('click',function(){ 
    jQuery('#create-account').show(); 
    jQuery(this).hide(); 
    }); 

創建帳戶現在顯示

+1

就這麼你知道,'.live()'從jQuery 1.7。+中被棄用。 – honyovk 2012-07-10 00:54:05

+1

你能更清楚地解釋一下你顯示的代碼出了什麼問題嗎?你說「創建帳戶現在將顯示」,那麼問題是什麼? – nnnnnn 2012-07-10 00:57:33

+0

你的代碼工作得很好...... http://jsfiddle.net/matthewbj/Kk6MR/ – honyovk 2012-07-10 01:00:50

回答

2

工作演示​​

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" /> 
+0

如果用'.on()'替換'.live()',那不是你使用的語法(對於在dom準備好之後加載的元素)。有關如何移植到'.on()'的信息,請參閱http://api.jquery.com/live。 – nbrooks 2012-07-10 01:08:38

+0

Hiya @nbrooks Howz it going man! ':''歡呼,我也更新了一些有用的OP的東西。 – 2012-07-10 01:10:34