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">&lt;-</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">&lt;-</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">&lt;-</a>


它会很好地工作。

您正在查看一个Symptomes,您的单击事件正在调用您的jQuery代码


首先,对于您来说,
之间没有任何引用。请随时向我的代码提问。

onclick=“remove();“
可以删除可能是因为#left arrow?@anni的“onclick”处理程序中的remove()——您希望通过
onclick=“remove()”实现的目标;“
?早些时候,我试图用javascript实现这一点,但后来我声明使用jquery实现tsk
<a href="#" onclick="remove();" id="left-arrow">&lt;-</a> 
<a href="#" id="left-arrow">&lt;-</a>