Javascript 用onclick调用隐藏的div
我有一个按钮的div,我想单击该按钮并用隐藏的div替换页面上的内容。请记住,如果没有onclick功能(闪烁第一个div,然后直接转到第二个div),则此功能可以正常工作,但如果添加onclick,则无法正常工作Javascript 用onclick调用隐藏的div,javascript,function,onclick,Javascript,Function,Onclick,我有一个按钮的div,我想单击该按钮并用隐藏的div替换页面上的内容。请记住,如果没有onclick功能(闪烁第一个div,然后直接转到第二个div),则此功能可以正常工作,但如果添加onclick,则无法正常工作 <div id="next" class="button" name="somename"></div> <script> $("next").click(function () { $('#div1').fa
<div id="next" class="button" name="somename"></div>
<script>
$("next").click(function () {
$('#div1').fadeOut('medium',function(){$('#div2').fadeIn('medium');}
});
</script>
$(“下一步”)。单击(函数(){
$('div1').fadeOut('medium',function(){$('div2').fadeIn('medium')}
});
button类有一些css属性和一个用作按钮的图像。您所做的只是向所讨论的div添加一个onclick处理程序。您实际上并没有触发该单击。为此,您需要一个简单的
$('#next')。单击()
,或$('#next')。如果是“next”,则触发('click');
如果是ID,则需要$(“#下一步”)。单击
您还需要第二个div(假设您有)
onclick应该是不必要的。您在jQuery中没有正确引用div-您忘记了引用id的#
$("next").click(function () { ... }
应该是
$("#next").click(function () { ... }
你错过了“下一个”之前的“#”…我知道你正在寻找jquery切换功能:
。切换
试试这个:为什么他忘了把它放在div1上!!!海报似乎想使用淡入淡出效果,在这种情况下会更合适。我不想隐藏或显示第一个div,我想永久隐藏它,只显示第二个div。他不想触发点击,只需设置单击事件。onclick处理程序是在创建div之后分配的,因此您可以正确地说,仅将处理程序分配给div的onclick事件实际上不会触发该事件。但是,如果用户实际单击div,它看起来仍然可以工作。如果是$(“#next”)
但其他海报已经说过了。我想这取决于OP预期行为发生的时间(与分配发生的时间相同[不正确],或者用户单击div[正确])我希望他们能够点击该div并调用淡入淡出效果来隐藏第一个div和第二个div。我是否需要。在某个地方触发?这没有任何区别