javascript - 实时点击显示另一个 div

Question

我有两个 div 在页面加载后被放置在 DOM 中，使用 jquery。我很难将一个 div 动作绑定到显示另一个元素。任何指针？

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

现在将显示创建帐户

Answer 1

工作演示 http://jsfiddle.net/Zvd8J/

Jquery.on事件在此处阅读更多内容，但仅在 v 1.7 以上： http: //api.jquery.com/on/ .live此处：http ://api.jquery.com/live/

如果你热衷：jQuery .live() 和 .on() 有什么区别

此外，如果您变得更加热衷：请参阅此处为什么：jQuery live 方法有什么问题？

冒昧地为您记下小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" />