jQuery, имитирующий щелчок после события по умолчанию, был предотвращен - PullRequest
Новая
       33

jQuery, имитирующий щелчок после события по умолчанию, был предотвращен

0 голосов
/ 27 сентября 2011

У меня снова было некоторое время с jQuery, на этот раз он не совсем работает при вызове .click ().

Идея состоит в том, чтобы создать класс-одиночка, который ищет любые элементы, помеченные тегомui-подсказка-подтвердить и показать диалог подтверждения.Если пользователь нажимает ОК, то щелкает оригинальный элемент, иначе просто закрывается диалоговое окно.Но поскольку код может произносить более тысячи слов: 

ConfirmDialogManager = function () {
    var _dialogShown = false;
    var ensureDialog = function (target, text) {
        var targetEl = $(target);
        if (!text) {
            text = targetEl.attr('title');
            text = text == null || text == '' ? 'Are you sure?' : text += '?';
        }
        var el = $('div#dlgConfirm');
        if (el.length == 0)
            el = $('<div id="dlgConfirm"></div>');
        el.dialog({
            autoOpen: false,
            modal: true,
            width: 300,
            height: 150,
            minWidth: 200,
            minHeight: 130,
            title: 'Please confirm',
            maxHeight: 500,
            position: 'center',
            open: function () {
                $(this).css({ 'max-height': 500, 'overflow-y': 'auto' });
            },
            buttons: {
                'OK': function (ev) { onConfirm.call(target, ev); },
                'Cancel': function (ev) { onCancel.call(target, ev); }
            }
        });
        el.html(text);
        $('div#dlgConfirm').dialog('open');
    };
    var closeDialog = function () {
        $('div#dlgConfirm').dialog('close');
    };
    var onConfirm = function (ev) {
        closeDialog();
        _dialogShown = true;
        $(this).click();
        _dialogShown = false;
    };
    var onCancel = function (ev) {
        _dialogShown = false;
        closeDialog();
    };
    var onClick = function (ev) {
        if (_dialogShown)
            return true;
        ensureDialog(this, ev.data.text);
        return false;
    };
    return {
        init: function () {
            $('.ui-hint-confirm').click(onClick);
        },
        setConfirm: function (target, text) {
            $(target).click(text, onClick);
        }
    };
} ();

$(document).ready(ConfirmDialogManager.init);

Помимо поиска элементов ui-hint-verify при загрузке, он также может быть вызван вручную с помощью функции setConfirm.

Проблема сПриведенный выше код состоит в том, что внутри $ (this) .click () ничего не происходит. Я убедился, что он достигает этой строки с помощью отладчика (Chrome) и предупреждений.

Я также пробовал $ (this) .unbind ('click', onClick) и $ (this) .unbind (' click ') без разницы.В консоли нет ошибок.

Есть идеи?Спасибо.

ОБНОВЛЕНИЕ: По запросу, при добавлении примеров html-элементов это будет работать:

Работает с обычной ссылкой: 

<a href="http://stackoverflow.com" class="ui-hint-confirm">Stack Overflow</a>

Работает сссылка только для js: 

<a href="#" class="ui-hint-confirm">JS Only</a>

Работает над кнопкой отправки: 

<input type="submit" value="Submit button" class="ui-hint-confirm" />

Работает по ссылке say с уже прикрепленным скриптом: 

<a href="http://stackoverflow.com" id="theLink" class="ui-hint-confirm">Stack Overflow</a>
$('#theLink').click(function () { alert('Now going to Stack Overflow'); } );

В этом последнем примере диалоговое окно должно отображаться перед сообщением с предупреждением.

У меня есть аналогичная вещь, работающая без проблем в ExtJS (теперь называется Sencha) Я просто не могу заставить его работать в jQuery.

Спасибо

...