jquery - 使某些元素无法选择jQuery UI

我在td中有一些table.
所有tds均为selectable。

 <table id="selectable">
                              <tr>
                              <td class="ui-state-default" ></td>
                              <td class="ui-state-default" ></td>
                              <td class="ui-state-default" ></td>
                              </tr>
                              <tr>
                              <td class="ui-state-default" ></td>
                              <td class="ui-state-default" ></td>
                              <td class="ui-state-default" ></td>
                              </tr>
                              <tr>
                              <td class="ui-state-default" ></td>
                              <td class="ui-state-default" ></td>
                              <td class="ui-state-default" ></td>
                              </tr>
                            </table>

我希望某些td不可选。如何制作请帮助

最佳答案

这是一个使用事件的小提琴示例，该事件会将单元格颜色更改为黑色http://jsfiddle.net/mpw0tkjL/

$( "#selectable td" ).on( "click", changeColor );

function changeColor( e ){
    var $el = $( e.currentTarget );

    if( !$el.hasClass( "not-selectable" ) ){
        $( e.currentTarget ).css( "background", "black" );
    } else {
        alert( "dont change color" );
    }

    return;
}

关于jquery - 使某些元素无法选择jQuery UI，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25231507/