jquery - Jquery Selectable - 使除每行中的最后一个之外的所有 TD 都不可选择

Question

我已经设法使每行中的最后一个 TD 在 JQuery Selectable 插件中无法选择，方法是为最后一个 TD 分配一个与可选的“过滤器”选项中指定的不同的类。

我在最后一个 TD 中有一个图像，我在其单击时执行了某些操作，虽然 TD 没有被插件选中，但它吃掉了一半的事件，并且图像单击不会触发。如果我单击该列 3 次，它只会触发一次……它就像随机行为。

有谁知道在点击最后一个 TD 的情况下如何将事件从 Plugin 中继到 Img？

$("#Items").selectable({
            filter: 'td.ItemTd',
            selected: function () {
                var SelectedItem = $("#Items .ui-selected").parents('tr').first();
                SelectedItem.addClass('ui-selected');
            }
        });

我已将每行的最后一个 TD 的类明确设置为'ItemTd'.

Answer 1

您是否尝试将click事件添加到最后一个td元素并从那里过滤到图像？

$("#Items td.LastItemId").click(function(){
    $("img.imgClassName", this).click();
});

Answer 2

您是否尝试过使用 jQuery 的 event.preventDefault() 来抑制最后一个 TD 上的点击事件？

你可以在这里阅读更多关于它的信息