Question

所以我有一张桌子，为了选择和取消选择这是我的代码：

 $(document).ready(function(){


$("table > tbody").bind("mousedown", function(e) {
  e.metaKey = true;
}).selectable();

 $( "table > tbody" ).selectable({

        filter: ":not(td)",
        selected: function( e, ui ) {
                if(1 < 28){
                $( ui.selected ).addClass( "ui-state-highlight" );
                //var widget = $( this ).data( "uiSelectable" );
                // getAllTats( $(ui.selected) );
                }
                else{
                    alert('trop de tatouages');
                    $(ui.selecting).removeClass("ui-selecting");
                }
            },
        unselected: function( e, ui ) {
                alert('huh');
                $( ui.unselected ).removeClass( "ui-state-highlight" );
                //removeTat( $(ui.unselected) );
            },
     });



 });

它工作得很好，直到我在我的代码中的另一个地方尝试了一个sortable（）。从那以后，当我点击所选元素时，我的桌子拒绝取消选择。

我看过CSS类中发生了什么，它只是拒绝删除ui-state-highlight

当我在我的selectable中添加“选择”事件时再次工作，在该功能中我添加了一个警报，但前提是我取消了向我显示警报的所有可能性。

这是HTML

<table class="tatooInk">
        <tbody>
        <tr>
            <td><img src="//zms.be/42"></td>
            <td><b>Ancre marine </b></td>
            <td>Ancien marin ou engagé dans la marine. </td>
            <td><input type="checkbox" /></td>
        </tr>
        <tr>
            <td><img src="//zms.be/43"></td>
            <td><b>Jiao-long</b></td>
            <td>Mafieux d'origine asiatique. </td>
            <td><input type="checkbox" /></td>
        </tr>
        <tr>
            <td><img src="//zms.be/44"></td>
            <td><b>One Percent</b></td>
            <td> Biker criminel et membre d'un Motorcycle Club. </td>
            <td><input type="checkbox" /></td>
        </tr>
        <tr>
            <td><img src="//zms.be/45"></td>
            <td><b>Laugh before</b></td>
            <td> Mafieux cynique, sans-peur, et plein de sarcasme.</td>
            <td><input type="checkbox" /></td>
        </tr>
        <tr>
            <td><img src="//zms.be/46"></td>
            <td><b>Sin Snake</b></td>
            <td> Drogué ou anciennement toxicomane. </td>
            <td><input type="checkbox" /></td>
        </tr>
        <tr>
            <td><img src="//zms.be/47"></td>
            <td><b>Croix nimbée</b></td>
            <td>Mafieux d'origine irlandaise. </td>
            <td><input type="checkbox" /></td>
        </tr>
        <tr>
            <td><img src="//zms.be/48"></td>
            <td><b>Corona trionfale</b></td>
            <td>Mafieux d'origine italienne. </td>
            <td><input type="checkbox" /></td>
        </tr>
        <tr>
            <td><img src="//zms.be/49"></td>
            <td><b>Christ Cross</b></td>
            <td> Ancien prêtre ou mafieux de confession chrétienne.</td>
            <td><input type="checkbox" /></td>
        </tr>
        <tr>
            <td><img src="//zms.be/410"></td>
            <td><b>Barbed wire</b></td>
            <td> Mafieux ayant fait de la prison. </td>
            <td><input type="checkbox" /></td>
        </tr>
        <tr>
            <td><img src="//zms.be/411"></td>
            <td><b>Lénine</b></td>
            <td> Mafieux d'origine russe ou ex-URSS. </td>
            <td><input type="checkbox" /></td>
        </tr>
        <tr>
            <td><img src="//zms.be/412"></td>
            <td><b>Stout Beer</b></td>
            <td> Grand amateur de bière. </td>
            <td><input type="checkbox" /></td>
        </tr>
        <tr>
            <td><img src="//zms.be/413"></td>
            <td><b>United Kingdom MS1</b></td>
            <td> Mafieux d'origine anglaise, ou ayant servi dans l'armée anglaise. </td>
            <td><input type="checkbox" />
        </td>
        </tr>
            <tr>
            <td><img src="//zms.be/414"></td>
            <td><b>USA Flags</b></td>
            <td> Mafieux d'origine nord-américaine, ou ayant servi dans les marines. </td>
            <td><input type="checkbox" /></td>
        </tr>
        <tr>
            <td><img src="//zms.be/415"></td>
            <td><b>Spider web</b></td>
            <td> Orphelin ou issue d'un milieu défavorisé. </td>
            <td><input type="checkbox" /></td>
        </tr>
        </tbody>
        </table><!-- FIN TABLE -->

并在我的HTML结尾

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>
<script src="tatoo4.js"></script>
<script src="survol.js"></script>

Answer 1

好吧，问题似乎是我的导航仪。我重新启动了chrome并且它已经解决了！

JQUERY UI selectable（）不会使用metaKey取消选择

1 个答案: