Question

我正在尝试JS中的一些非常简单的东西，但我不能让它工作......

我想点击一个div来向另一个div添加一个负余量 - 但我希望每次点击div时都会发生这种情况，不仅仅是现在的一次。 Eveytime我点击我的#next_nav，我希望#nav从10px负数移动。这里只能工作一次。这是我的js：

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

和我的HTML：

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

这是我的JSfiddle：http://jsfiddle.net/Beyzd/

任何人都可以帮我这个吗？非常感谢，

Answer 1

在您的值前添加=：

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

<强> Working Fiddle

修改

如果要为其设置动画，请使用animate()方法。这是fiddle给你的。

Answer 2

你可以试试这个

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

Working fiddle is available here.

Answer 3

检查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
          });
       });
   });

Answer 4

$(function() {
  var count=0;
  $('#next_nav').click(function () {
  count-=10;

$( "#nav" ).css('margin-left',count);
});
});

并包含jQuery

Answer 5

为您修复： Updated version

将.css('margin-left','-10px');修改为.css({'margin-left' : '-10px'});

Answer 6

试试这个：

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

<强> Working Fiddle

Answer 7

只需更改此$( "#nav" ).css('margin-left','-=10px');

即可

jquery onclick添加margin-left

7 个答案: