如何在拖动CSS时更改光标

Question

我正在编写一个脚本，我需要拖放一些列表项到div，但我在那个css代码中有一个cursor: default;，当我拖动它时在div上列出项目，它不会改变光标。

如何将 jQuery UI 的光标设置为!important或类似的东西？

谢谢你和问候。

Answer 1

如Jquery UI API中所述，您需要像这样定义它：

$（＆＃34; #draggable＆＃34;）。draggable（{           光标：＆＃34;十字＆＃34;         }）;

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">

  <style>
  #draggable { width: 150px; height: 150px; padding: 0.5em; background:green; }
  </style>

  <script>
  $(function() {
    $( "#draggable" ).draggable({
      cursor:"crosshair"
    });
  });
  </script>

 
<div id="draggable" class="ui-widget-content">
  <p>Drag this</p>
</div>

＆＃13;

＆＃13;

＆＃13;