我正在JS中嘗試一些非常簡(jiǎn)單的東西，但是我不能讓它工作...

我希望在單擊一個(gè)div時(shí)向另一個(gè)div添加一個(gè)負(fù)的左邊距，但我希望它在我每次單擊該div時(shí)都發(fā)生，而不是像現(xiàn)在這樣只發(fā)生一次。 每次我點(diǎn)擊我的#next_nav，我希望#nav從-10px移動(dòng)。 在這里它只工作一次。 以下是我的JS:

$(function() {
  $('#next_nav').click(function() {
    $("#nav").css('margin-left', '-10px');
  });
});

和我的HTML:

<div id="next_nav"></div>
<div id="nav"></div>

這是我的小提琴:http://jsfiddle.net/Beyzd/

有人能幫我嗎？

# # #在您的值前添加一個(gè)=:

$(function() {
    $('#next_nav').click(function() {
       $('#nav').css('margin-left', '-=10px');
    });
});

工作小提琴

編輯

如果你想制作動(dòng)畫(huà)，使用animate()方法。這是給你的小提琴。

# # #你可以試試這個(gè)

var pixels=0;
$(function() {
    $('#next_nav').click(function () {
       pixels=pixels-10;      
       $( "#nav" ).css('margin-left',pixels);
    });
});

這里有工作小提琴。

# # #檢查jsFiddle

$(document).ready(function (){
       $("#next_nav").on("click", function() {
          var $left = $("#nav").css('margin-left');
          var $newval = (parseInt($left) - 10) + "px";
          $("#nav").css ({
            'margin-left' : $newval
          });
       });
   });

# # #幫你修好了: 更新版本

編輯。css('左邊距'，'-10px ')；敬。CSS({ ' margin-left ':-10px ' })；

# # #試試這個(gè):

$(function() {
$('#next_nav').click(function () {
  marginleft=parseInt($( "#nav" ).css('margin-left').replace('px',''));
  $( "#nav" ).css('margin-left',marginleft-10+'px');
});
});

工作小提琴

# # #把這個(gè)$( "#nav ")換了就行了。css('左邊距'，'-= 10px ')；

# # #并包含jQuery