jquery draggable整个实体不仅仅是文本

Question

我试图抓住Frank或Joe周围的整个单元格/盒子。不只是文字＆＃34; Frank＆＃34;或者＆＃34; Joe＆＃34;。我试过李和div无济于事。当我拖动弗兰克时，它应该是带有黄色背景的Frank周围的矩形形状。

<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();
});