Щелчок внутри щелчка делает усложнение в моем коде

Я создал желтый цвет фона при выборе значка шестерни для параметра меню как удалить в строке таблицы, я попробовал приведенный ниже код для выделения строки таблицы,

click: function () {
    var ibmm = this.get('parentView.rowView.object');
    var ibmms = this.get('parentView.rowView.tableView.model');
    $(function() {
        $("table.content-table.highlighted tr.content-row").on("focusout", function() {
            $(this).toggleClass("my-line");
        });
    });
    var model = Core.model.Menu.create({
        loadState: 'done',
        content: [
            Core.model.Menu.Item.create({
                label: 'Delete',
                icon: 'delete',
                invoke: function () {
                    var fmtLabel = ibmm.label ? (ibmm.label + " ("+ibmm.name+")") : ibmm.name;
                    Core.confirm(
                        "Delete Definition",
                        "Are you sure you want to delete the Definition for " + fmtLabel + "?",
                        "Delete",
                        "Cancel"
                        ).then(function () {
                            Core.services({
                                service: 'ibmm',
                                type: 'delete',
                                data: {
                                    name: ibmm.name
                                }
                            }).done(function () {
                                ibmms.reload();
                                Core.notify({
                                    title:"Delete LMD Definition",
                                    message: "LMD Definition " + fmtLabel + " deleted" 
                                });
                            });
                        });
                    }
                })
        ]
    });
    var view = Core.view.Menu.create({
        model: model,
        menuContext: { ibmm: ibmm },
        anchor: this.$(),
        highlight: this.$().parents('tr:first')
    });
    view.show();
    return false;
}

Соответствующий CSS я использую как:

table.content-table.highlighted tr.content-row.my-line {
    background: #FFFF99 none 0 0 repeat;
}

При выборе меню из строки таблицы (скрытой) со значком шестеренки цвет фона хорошо сочетается с использованием функции фокусировки. Но когда я выбираю следующую строку таблицы со значком шестеренки, цвет фона исчезает. Из-за основной функции щелчка происходит с помощью возврата. У меня есть функция щелчка внутри функции щелчка. Так что только эти проблемы происходят.

0 ответов

Другие вопросы по тегам