jQuery-Lint (より具体的には FireQuery) を使用して、ドラッグ操作を使用するコードをチェックしています。以下のコードで簡略化しましたが、マウスが動くたびに jQuery-Lint から同じメッセージが表示されます。
- 同じ jQuery オブジェクトで css([object Arguments]) を複数回呼び出しました
- オブジェクトを渡してこれらの呼び出しを組み合わせてみませんか? 例 css({ "左": 63, "左": 64 })
これらのメッセージが表示される理由はわかっています。これは、マウスを動かすたびに左のプロパティを変更しているためですが、これはドラッグ操作であるため、私が望む動作です。
jQuery lint からこれらのメッセージが発生しないように jQuery を使用してドラッグするより良い方法はありますか、それとも無視する必要がありますか?
<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>