是否可以用鼠标绘制一个矩形来选择多个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？

回答

相关问题