Javascript 为什么jquery隐藏箭头而不是图像
我在这段代码中遇到了问题:Javascript 为什么jquery隐藏箭头而不是图像,javascript,jquery,Javascript,Jquery,我在这段代码中遇到了问题: <style type="text/css"> #container{ width: 266px ; height:128px ; overflow: hidden; } </style> <script type="text/javascript" src="jquery-2.js"></script> <script type="text/ja
<style type="text/css">
#container{
width: 266px ;
height:128px ;
overflow: hidden;
}
</style>
<script type="text/javascript" src="jquery-2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".left-arrow").click(function(){
$(".large-photo").fadeOut(1000);
});
});
</script>
<div id="container">
<div class="large-photo">
<img src="images/1395924816_personal-information.png">
<img src="images/1395938204_lock.png">
</div>
<div class="small-photo">
<img src="images/1395939936_application-pgp-signature.png" >
<img src="images/1396010974_button-cross_basic_red.png" >
</div>
</div>
<div class="arrow">
<a href="#" onclick="remove();" id="left-arrow"><-</a>
<a href="#" id="right-arrow">-></a>
</div>
#容器{
宽度:266px;
高度:128px;
溢出:隐藏;
}
$(文档).ready(函数(){
$(“.left arrow”)。单击(函数(){
$(“.large photo”).fadeOut(1000);
});
});
问题是,当我单击左箭头时,它不会隐藏大图像,而是隐藏自己,即jquery而不是隐藏大图像。请在这方面帮助我
是的,这是我的一堆代码===>
谢谢
但你们都在写删除
onclick=“remove();”
。。。为什么? 您必须指定为id。
如下:
#左箭头
$(document).ready(function(){
$("#left-arrow").click(function(){
$(".large-photo").fadeOut(1000);
});
});
然后删除
onclick=“remove();”
,因为箭头上有onclick=“remove();”
这就删除了它:)
你有一个id(#)和class(.)的打字错误,因为你试图处理
的点击。左箭头是类。但是您在代码中将箭头定义为id
。这就是新版本:
首先,左箭头
是一个ID
您应该使用
作为ID选择器,而不是
作为类选择器:
$("#left-arrow").click(function(){
而不是
$(".left-arrow").click(function(){
然后从该标记中删除onclick()
<a href="#" onclick="remove();" id="left-arrow"><-</a> <!-- Remove onclick() -->
首先,,
它的$(“#左箭头”)。单击(function(){})代码>左箭头是ID而不是类
接下来
删除onclick=“remove();
检查这个试试这个
$(document).ready(function(){
$("#left-arrow").click(function(){
$(".large-photo").fadeOut(1000);
});
});
无论你在“onclick=remove()中写什么;“,在
它也会在代码中生效。请删除它或检查该代码,或重试
<a href="#" id="left-arrow"><-</a>
它会很好地工作。您正在查看一个Symptomes,您的单击事件正在调用您的jQuery代码
首先,对于您来说,之间没有任何引用。请随时向我的代码提问。onclick=“remove();“
可以删除可能是因为#left arrow?@anni的“onclick”处理程序中的remove()——您希望通过onclick=“remove()”实现的目标;“
?早些时候,我试图用javascript实现这一点,但后来我声明使用jquery实现tsk
<a href="#" onclick="remove();" id="left-arrow"><-</a>
<a href="#" id="left-arrow"><-</a>