拖動按鈕時將光標更改爲十字線

Question

您好，我需要在用戶拖動按鈕時將光標變成十字準線。下面的代碼是不工作：

$("button").draggable('cursor','crosshair'); 

Answer 1

要做到這一點，你可以用拖動庫cursor財產，像這樣：

$("#draggable").draggable({ 
    cursor: 'crosshair' 
}); 

或者，如果你要設置通過CSS自定義光標你將需要使用jQuery可拖動庫的start和end事件來更改ui.helper的CSS cursor屬性。試試這個：

$("#draggable").draggable({ 
 
    start: function(e, ui) { 
 
    ui.helper.addClass('dragging'); 
 
    }, 
 
    stop: function(e, ui) { 
 
    ui.helper.removeClass('dragging'); 
 
    } 
 
});

.dragging { cursor: url('http://i.imgur.com/6r4pI7U.png'), crosshair; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script> 
 
<div id="draggable"> 
 
    <p>Drag me</p> 
 
</div>

Answer 2

從jQuery UI的文檔https://api.jqueryui.com/draggable/
$(".selector").draggable({ cursor: "crosshair" });
或者，如果它已經被初始化
$(".selector").draggable("option", "cursor", "crosshair");

看到這裏https://jsfiddle.net/W4Km8/9844/