jquery點擊功能問題

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"); 
    } 
});