Question

我有一张有序列表的表格。有序列表包含可选的时间戳。一个表条目＆＃34; td＆＃34;是一天。（我正在编写网络日历）。

<td class="day"><div class="scroll">

        <ol class="timelist">

            <li id="2017-10-27_14:41" class="ui-selectee">14:41</li>
            <li id="2017-10-27_15:28" class="ui-selectee">15:28</li>
            <li id="2017-10-27_16:00" class="ui-selectee">16:00</li>
            <li id="2017-10-27_08:00" class="ui-selectee">08:00</li>
            <li id="2017-10-27_09:00" class="ui-selectee">09:00</li>
            <li id="2017-10-27_12:01" class="ui-selectee">12:01</li>

        </ol>

</div>
</td>

这是我的jquery代码：

<script type= "application/javascript">

         $(document).ready(function(){

         $( ".timelist" ).on( "mousedown", function ( e ) {
        e.metaKey = true;
        } ).selectable();

        }); 

 </script>

现在，如果我已经选择了一个时间戳并单击另一个时间戳，它也会选择第二个时间戳。这正是我想要的，它就像一个魅力。

但另外我想选择几天。但是如果我已经选择了一个时间戳并点击一天，我的程序将取消选择时间戳，并选择点击的日期。如果选择了一天并且我在另一天点击，它将标记这一天（选择2天，依此类推）。但如果我已经选择了一天或更长时间，现在我点击时间戳，程序将取消选择日期。

我想说的是：＆＃34;只需对具有相同类型/ HTML-class＆＃34;的元素启用多选即。

我该怎么做？

Answer 1

使用“ui-widget-content”类而不是“ui-selectee”。

Jquery selectable：允许多选一个类/类型

1 个答案: