用onclick调用隐藏的div

我有一个按钮的div，我想单击并用隐藏的div替换页面上的内容。请记住，这可以在没有onclick函数的情况下工作（闪烁第一个div，然后直接跳转到第二个），但是当我添加onclick时它不起作用。用onclick调用隐藏的div

<div id="next" class="button" name="somename"></div> 

<script> 
    $("next").click(function() { 
      $('#div1').fadeOut('medium',function(){$('#div2').fadeIn('medium');} 
    }); 
</script>

按钮类有一些css属性和一个图像用作按钮。

来源

2011-09-27 Sergei Nikolai

以及你错过了“＃”之前“下一步” .. – amosrivera

他为什么时，他提出，对于DIV1忘记！ – zod

是的，我意识到，这只是一个错字，但不会以任何方式，任何其他想法？ –

你在做什么只是添加一个onclick处理程序的问题。你实际上并没有触发该点击。对于这一点，你需要一个简单的$('#next').click();，或$('#next').trigger('click');

来源

2011-09-27 21:05:08

他不想触发点击，只需设置点击事件。 – jtfairbank

在div创建完成后，onclick处理函数被分配，所以你正确地说，只是给div的onclick事件分配一个处理函数实际上并不会触发该事件。然而，如果用户实际上点击div，它看起来仍然会工作...呃，如果是$（“＃next”），它就会工作，但其他海报已经说过了。我想这取决于OP何时期望发生这种行为（正确，因为分配发生[不正确]或当用户点击div [正确]时） –

我希望他们能够点击该div并调用淡入淡出效果用第二个隐藏第一个div。我需要触发某处吗？ –

如果“下一个”是一个ID，那么你需要$（“＃未来”）。单击您还需要第二个div（假设有的话） onclick不应该是必要的。

来源

2011-09-27 21:06:36 TyrusC

你没有在jQuery中正确地引用div，你忘了＃来引用id。

$("next").click(function() { ... }

应该

$("#next").click(function() { ... }

来源

2011-09-27 21:08:32 jtfairbank

这没有任何区别 –

用onclick调用隐藏的div

回答

相关问题