javascript - 为什么jquery隐藏箭头而不是图像

Question

我在这段代码中遇到问题:

<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>

问题在于，当我单击left-arrow时，它不会隐藏large-image，而是隐藏自身，即jquery而不是隐藏large -image 隐藏左箭头。请帮助我...

是的，这是我的代码的一个 fiddle =====> FIDDLE

谢谢

但是你们都在写信删除onclick="remove();"...为什么？

Answer 1

试试这个，

$(document).ready(function(){
    $("#left-arrow").click(function(){
        $(".large-photo").fadeOut(1000);
   });
});

以及您在“onclick=remove();”中编写的任何内容，在

<a href="#" onclick="remove();" id="left-arrow">&lt;-</a> 

它也会影响代码，也将其删除或检查该代码，或尝试

<a href="#" id="left-arrow">&lt;-</a>

它会工作得很好。