Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用onclick调用隐藏的div_Javascript_Function_Onclick - Fatal编程技术网

Javascript 用onclick调用隐藏的div

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,我想单击该按钮并用隐藏的div替换页面上的内容。请记住,如果没有onclick功能(闪烁第一个div,然后直接转到第二个div),则此功能可以正常工作,但如果添加onclick,则无法正常工作

<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。我是否需要。在某个地方触发?这没有任何区别