jquery可拖动整个实体，而不仅仅是文本

Question

我正试图抓住单词Frank或Joe周围的整个单元格/框。不仅仅是文字"弗兰克"或"乔"。我试过李和迪夫，都没有用。当我拖动弗兰克时，它应该是围绕着黄色背景的弗兰克这个词的矩形。

<div id='something'>
  <ul>
    <li class='draggable' id='frank'>Frank</li>
    <li class='draggable' id='Joe'>Joe</li>
  </ul>
 </div>

或者尝试divs:

<div id='somethingElse'>
  <div class='dragme' id='frank'>Frank</div>
  <div class='dragme' id='joe'>Joe</div>
</div>
$(function() {
  $( "li" ).draggable();
  $(".dragme").draggable();
}); 

Fiddle

Answer 1

它将是：

$(function(){
  $('#somethingElse').draggable()
}

如果你想选择包装器div，而不是其中的元素。但如果你只想要单词，那么只需在CSS:中设置即可

.draggable, .dragMe {
  background-color: yellow;
}

这就是你的功能：

$(function() {
  $( "li" ).draggable();
  $(".dragme").draggable();
});