Question

jQuery的新手我想要一个图像，当我点击它时，我想向上移动一定数量的像素，然后当点击另一个图像时，再回到原始状态？

到目前为止，我已经尝试了这个

$(".wrap").click(function(){
  $(this).css("margin-top", "-15px");
});

我只是想弄清楚如何让它移动到原来的位置感谢

Answer 1

将其放在document.ready中并使用最新的JQuery源文件：

<script type="text/javascript>
$(document).ready(function(){

$(".wrap").on('click',function(){
  $(this).css("margin-top", "-15px");
  });
});

</script>

Answer 2

尝试：

$("img.wrap").click(function(){
    $("img.wrap").css("margin-top", "0px");
    $(this).css("margin-top", "-15px");
});

Answer 3

尝试将其包装在ready()

中

css()可能不适用margins所以请使用javascript marginTop之类的，

$(function(){
    $(".wrap").click(function(){
        this.style.marginTop='-15px';
    });
});

Live Demo

Answer 4

为了更好看，请使用Jquery animate

$( ".wrap" ).click(function() {
$(this).animate({
 top: "15px",
}, 500);
                              });

Answer 5

根据我对你的问题的理解。我创建了一个fiddle来帮助您找到解决方案。请看下面的小提琴和代码片段。感谢你的时间。

$('.sample img').bind('click',function(){
    $('.sample img').removeAttr('style');
    $(this).css('top',-5);    
});

Answer 6

你想要这样：

var mt = $('.wrap').css('margin-top');
$(".wrap").click(function(){
  if($(this).css('margin-top') == '-15px'){
   $(this).css('margin-top',mt);
  } else {
   $(this).css("margin-top", "-15px");
  }
});

Jquery点击功能问题

6 个答案: