Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.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 在其他a href Div';被点击_Javascript_Html - Fatal编程技术网

Javascript 在其他a href Div';被点击

Javascript 在其他a href Div';被点击,javascript,html,Javascript,Html,我正在尝试在用户单击另外两个Div后淡入一个Div 这就是我目前的情况,但我很确定我做错了什么。我似乎无法使该div淡入,即使只单击了一个div,更不用说两个了。任何帮助都将不胜感激!非常感谢你 <script> $(document).ready(function(){ $('#video_overlays').hide(); $('#video_overlays').fadeIn(9000); $('#video_overlaysanswer').hide(); $('#vid

我正在尝试在用户单击另外两个Div后淡入一个Div

这就是我目前的情况,但我很确定我做错了什么。我似乎无法使该div淡入,即使只单击了一个div,更不用说两个了。任何帮助都将不胜感激!非常感谢你

<script>
$(document).ready(function(){

$('#video_overlays').hide();
$('#video_overlays').fadeIn(9000);
$('#video_overlaysanswer').hide();
$('#video_overlaysanswer').fadeIn(18000);
$('#video_overlaysanswer1').hide();
$('#video_overlaysanswer2').hide();
$('#video_overlaysanswer2').fadeIn(18000); });
</script>

<script type="text/javascript">
$(document).ready(function(){
$("video_overlaysanswer").click(function() {
    var index = $(this).closest("li").index();
    $("video_overlaysanswer1").eq(index).fadeIn("slow");
    return false; // prevents navigation to #
});
})
</script>



<div id="video_overlays">
This is where text is
</div>


<div id="video_overlaysanswer">
<a href="#"> answer 1</a> 
</div>

<div id="video_overlaysanswer2">
<a href="#"> answer 2</a> 
</div>

<div id="video_overlaysanswer1">
<a href="#"> the answer that I want to fade in once the other two div's are clicked     </a>
</div>

$(文档).ready(函数(){
$(“#视频覆盖”).hide();
$('视频覆盖').fadeIn(9000);
$('video_overlysanswer').hide();
$('video#u overlysanswer')。fadeIn(18000);
$(“#视频覆盖解答1”).hide();
$('video_overlaysanswer2').hide();
$('video#u overlaysanswer2').fadeIn(18000);};
$(文档).ready(函数(){
$(“视频覆盖回答”)。单击(函数(){
var index=$(this).closest(“li”).index();
$(“视频覆盖回答1”).eq(索引).fadeIn(“慢”);
return false;//防止导航到#
});
})
这就是文本所在的位置
尝试上面的代码。它工作正常。现在实现不同的按钮点击事件。希望这有帮助。

我不知道这是否是一个转录错误,但是
$(“video\u overlaysanswer”)
$(“video\u overlaysanswer1”)
正在寻找元素类型(如
选择
div
),而不是id元素。嗨,谢谢!但是我现在如何才能得到它,以便在两个div都被单击后显示它呢?而不是一个?我想我不太确定设置不同div是什么意思。非常感谢你!只需添加另一个id来单击事件。我已经更新了代码。现在,两个链接在同一个答案div中打开fadein。我想问题是,我只希望在两个链接都被单击后,答案才会显示出来。这有意义吗?试试这个,也许这不是最好的方法,但它是有效的。
$(document).ready(function(){

$('#video_overlays').hide();
$('#video_overlays').fadeIn(500);
$('#video_overlaysanswer').hide();
$('#video_overlaysanswer').fadeIn(500);
$('#video_overlaysanswer1').hide();
$('#video_overlaysanswer2').hide();
$('#video_overlaysanswer2').fadeIn(500); 

$("#video_overlaysanswer,#video_overlaysanswer2").click(function() {
    $("#video_overlaysanswer1").fadeIn("slow");
    return false; // prevents navigation to #
});
});