我正在使用jQuery-Lint(或更具体的FireQuery)来检查使用拖动操作的代码。我在下面的代码中简化了它,但每次鼠标移动时我仍然会从jQuery-Lint获得相同的消息:
- 你曾多次调用css([object Arguments]) 相同的jQuery对象
- 为什么不通过传递来组合这些调用 一个东西?例如。 css({“left”:63,“left”:64})
我知道为什么我收到这些消息,因为我每次移动鼠标时都会更改left属性,但这是我想要的行为,因为它是一个拖动操作。
有没有更好的方法让我使用jQuery拖动不会导致来自jQuery lint的这些消息,或者我只是需要忽略它们?
<html>
<head>
<style>
div {
width : 50;
height : 50;
background: #f00;
position : absolute;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script>
$(function () {
var $div = $("div");
$div.css("cursor", "none");
$(document).mousemove(function (event) {
$div.css("left", event.pageX - 25);
});
});
</script>
</head>
<body>
<div/>
</body>
</html>
答案 0 :(得分:1)
这些警告没有意义(对于这个用例),所以你应该忽略它们。
您需要能够在left
上的$ div上设置mousemove
属性,以显示所需的拖动效果。