jQuery，如何移动 [关闭]答案

【问题标题】：jQuery, How to move [closed]jQuery，如何移动 [关闭]
【发布时间】：2013-11-12 22:45:52
【问题描述】：

我有一个三角形指针，当单击按钮时，它应该移动到某个位置（比如说向右 50 像素）。我是 jQuery 新手 - 如何使用 jQuery 来完成？

HTML 代码如下：

<div class="pointerholder">
   <div class="pointer"></div>
</div>

CSS：

.pointerholder {
   position: relative;
   width: 600px;
   margin: auto;
}

.pointer {
   position: absolute;
   bottom: 0px;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 10px 13px 10px;
   border-color: transparent transparent red transparent;
   line-height: 0px;
   _border-color: #000000 #000000 #f4f5f5 #000000;
   _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');  
}

滑动动画也能实现吗？

谢谢！

【问题讨论】：

你有没有尝试过？
jQuery: move element by relative value 的可能重复项
jsbin.com/OGiwEwI/1

标签： javascript jquery html pointers slide

【解决方案1】：

试试

$(document).ready(function() {
    $('#button').on('click', function() {
        $('.pointerholder').animate({
            'left': '+=50px'
        });
    });
});

JSFiddle

【讨论】：

【解决方案2】：

要简单！ :)

试试这个：

$('button').click(function () {
  $('pointer').css('margin-left', '10px');
}

或者向边距添加任何其他值，使其移动 10 像素。您将需要删除 position: absolute; 或者您可以使用这个：

$('pointer').css('left', '10'); // 10px margin from left..to the right

为此，您可以使用：

.animate();

请转到下面的链接以了解有关它们的更多信息，因为您现在想学习它们！ :)

参考

http://api.jquery.com/animate/

http://api.jquery.com/css/

【讨论】：

【解决方案3】：

你试过了吗？

 $('.pointer').animate({
        left: +600
    },1500)

【讨论】：