.click() 需要 2 次点击 - jquery + QuillJS

Question

我正在使用 quilljs 来允许用户编辑文本的特定部分。但是，我希望仅当用户单击编辑按钮时才触发编辑器。出于某种原因，编辑按钮需要点击 2 次才能执行事件。我错过了什么吗？

<button id="edit" class="button" data-edit="dormant">Edit</button>

var quill = new Quill('#editor',
             {

                theme: 'snow',
                 readOnly: true,
                            });
$(edit).click(function () {

            if (edit.data('edit') == 'dormant') {

                edit.data('edit', 'active');
                edit.text('Save');
                quill.enable();


            } else {
                edit.data('edit', 'dormant');
                edit.text('Edit');
                quill.disable();


            }

    });

Answer 1

你需要停止事件传播，这样，当点击时，它会杀死事件。

$(edit).click(function (event) {
        event.stopPropagation()
        if (edit.data('edit') == 'dormant') {

            edit.data('edit', 'active');
            edit.text('Save');
            quill.enable();


        } else {
            edit.data('edit', 'dormant');
            edit.text('Edit');
            quill.disable();


        }

});

您可以在此处了解有关该主题的更多信息https://api.jquery.com/event.stoppropagation/

.click() 需要 2 次点击 - jquery + QuillJS

.click() requiring 2 clicks - jquery + QuillJS

javascript

jquery

click

quill