У меня есть представление ASP.NET в проекте MVC, в котором я пытаюсь создать всплывающее диалоговое окно для создания данных. Есть еще одно представление, которое загружается, и в этом представлении есть кнопка с идентификатором «btncancel_create». Я не могу нажать эту кнопку, чтобы закрыть диалоговое окно. Я использую jQuery 2.1.3 и jQuery UI 1.11.4.
Вот код кнопки:
<input type="button" value="Cancel" id="btncancel_create" />
А вот вид:
$(document).ready(function () {
//alert("Document is ready");
var url = "";
$("#dialog-create").dialog({
title: 'Create User',
autoOpen: false,
resizable: false,
width: 400,
show: { effect: 'drop', direction: "up" },
modal: true,
draggable: true,
open: function (event, ui) {
$(".ui-dialog-titlebar-close").hide();
$(this).load(url);
}
});
$("#lnkCreate").on("click", function (e) {
url = $(this).attr('href');
$("#dialog-create").dialog('open');
return false;
});
//$("#btncancel_create").on("click", function (e) {
// $("#dialog-create").dialog("close");
// return false;
//});
$("#dialog-create").button("#btncancel_create").click(function (e) {
alert("btncancel_create was clicked");
$("#dialog-create").dialog('close');
return false;
});
});
<div id="dialog-create" style="display: none"></div>
<p>@Html.ActionLink("Create New", "Create", null, new { id = "lnkCreate" })</p>
Как видите, я пробовал что-то еще, что не сработало и закомментировано. Функция нажатия кнопки без комментариев возвращает предупреждение, но не закрывает диалоговое окно. Заранее благодарим за помощь и дайте мне знать, если вам понадобится дополнительная информация.
