Jquery Selectable - делает все TD кроме последнего в каждом ряду невыбираемыми

Question

Мне удалось сделать последний TD в каждой строке невыбираемым в плагине JQuery Selectable, назначив другой класс для последнего TD, отличный от указанного в опции «filter» для selectable.

У меня есть изображение в последнем TD, по щелчку которого я выполняю определенную операцию, хотя TD не выбирается плагином, но оно съедает событие половину числа раз, и щелчок Image не запускается. Если я щелкну по этому столбцу 3 раза, он будет срабатывать только один раз ... как случайное поведение.

Кто-нибудь знает, как я могу перевести событие из плагина в Img в случае последнего нажатия TD строки?

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

Я явно установил класс последней TD каждой строки, отличный от 'ItemTd'.

Answer 1

Вы пытались использовать jQuery event.preventDefault () для подавления события click на последнем TD?

Вы можете узнать больше об этом здесь

Answer 2

Вы пытались добавить событие click к последнему элементу td и отфильтровать его оттуда к изображению?

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