是否可以用鼠標繪製一個矩形來選擇多個DIV？

我想用鼠標拖動一個矩形來選擇這些div。是否可以用鼠標繪製一個矩形來選擇多個DIV？

選定的div會將等級從「no」更改爲「yes」。此外，a鏈路是可點擊的並且dblclickable

<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>

來源

2017-09-10 Lam Steven

你想要的不是一個問題。請儘量更準確，並在您的問題中添加一些代碼。 – skobaljic

使用jQuery UI可選擇，代碼添加一個yes類來選擇的div和當一個div被取消選擇添加no類。代碼看起來是這樣的：（我不得不把inside ID更改爲一類，因爲它使用多個元素）

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

錨標記可選的內部不工作的解決辦法是在這裏：https://bugs.jqueryui.com/ticket/4236

來源

2017-09-10 20:19:59 grt812

是否可以用鼠標繪製一個矩形來選擇多個DIV？

回答

相關問題