Двойной jQuery в одной странице wep

Поскольку я не могу создать две формы на одной странице, я пытаюсь использовать два разных jQuery:

$ (document).ready(function() {

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

Это мой код:

<p><button id="newuserbutton">Create New User</button></p> <p><button id="edituser">Update User</button></p>

Я нажимаю разные кнопки, но форма формы открывается тремя кнопками, которые являются вторым jquery.

Как я могу использовать эти несколько jQuery вместе? Или, если я могу создать новую форму внутри функции jQuery? Благодарим вас за предложения.

1 ответ

Проблема в том, что вы инициализируете виджет jquery ui модальным дважды в одном div с id #div1. Подводя итог, это то, что вы делаете:

$(#div1) .dialog({...}) .dialog({...});

Конечно, когда вы вызываете $(#div1).dialog('open'), модальная $(#div1).dialog('open') будет открываться в соответствии со второй инициализацией, то есть модальной с 3 кнопками "Сохранить изменения", "Удалить" и "Отменить" ".

Вы должны либо использовать два разных divs (самый простой способ), либо использовать только один div и управлять модальным контентом по модальному открытому (самый чистый).

Я написал это jsFiddle, чтобы замаскировать второй путь;)

licensed under cc by-sa 3.0 with attribution.