实时点击显示另一个div

时间:2012-07-10 00:51:59

标签: javascript jquery live show

我有两个div在页面加载后放在DOM中,使用jquery。我很难将一个div动作绑定到显示另一个元素。有什么指针吗?

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

创建帐户现在将显示

1 个答案:

答案 0 :(得分:2)

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

Jquery .on事件在此处阅读更多内容,但仅限于v 1.7:http://api.jquery.com/on/ .live此处:http://api.jquery.com/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" />