複数のDIVを選択するためにマウスで矩形を描くことは可能ですか？

Question

マウスで矩形をドラッグしてそれらのdivを選択したいとします。

選択したdivは、クラスを「いいえ」から「はい」に変更します。また、aリンクがクリック可能とjQuery UI選択を使用して

<div id= "container" > 
    <div id="div-1" info="info1"> 
     <div class="no" id="inside"> 
      <a href="#">something</a> 
     </div> 
    </div> 
    <div id="div-2" info="info2"> 
     <div class="no" id="inside"> 
      <a href="#">something</a> 
     </div> 
    </div> 
    <div id="div-3" info="info3"> 
     <div class="no" id="inside"> 
      <a href="#">something</a> 
     </div> 
    </div> 
    <div id="div-4" info="info4"> 
     <div class="no" id="inside"> 
      <a href="#">something</a> 
     </div> 
    </div> 
</div> 

Answer 1

dblclickableで、コードが選択したのdivにyesクラスを追加し、div要素の選択が解除されたときにnoクラスを追加します。コードは次のようなものになります。

$(document).ready(function(){ 
    $("#container").on("selectableselected selectableunselected", function(){ 
    $(".inside").removeClass("yes").addClass("no"); 
    $(".ui-selected > .inside").removeClass("no").addClass("yes"); 
    }); 
}); 

を（私はそれが複数の要素を使用しているため、クラスにinside IDを変更しなければならなかった。）選択の内部で動作していないタグを固定する ソリューションはここにある：https://bugs.jqueryui.com/ticket/4236