w3schools modal example ejemplos close jquery jquery-ui dialog

modal - jquery popup window



Unkeught TypeError: Object[object Object] no tiene el método ''dialog'' (3)

El problema era que estaba haciendo referencia a "jquery-1.5.1.min.js" dos veces. Una vez en _Layout.cshtml y también en la vista parcial que estaba cargando. . Se eliminó la referencia en la vista parcial y se ordenó.

Estoy tratando de usar el cuadro de diálogo jQueryUI en una aplicación MVC3 pero tengo un problema con él. El cuadro de diálogo que tengo está cargando una vista parcial donde el usuario editará o creará un nuevo elemento. Esto funciona bien, pero si trato de guardar o actualizar el artículo, o si trato de cerrarlo, aparece el mensaje en el título.

He agregado todos los archivos .js requeridos pero sigo recibiendo el error. También he usado Firebug pero todavía no puedo encontrar por qué está sucediendo el error.

HTML

<span class="EditLink ButtonLink" addressId="@addr.Id">Modify this Address</span> <div id="popup"></div>

JavaScript

$(document).ready(function () { var id = 0; //define config object var dialogOpts = { title: "Edit item", modal: true, autoOpen: false, height: 500, width: 500, open: function () { $("#popup").load("/partialviewtoload/" + id); }, buttons: { Cancel: function() { $(this).dialog(''close''); } } }; $("#popup").dialog(dialogOpts); //end dialog $(''.EditLink'').click(function() { id = $(this).attr("itemId"); $("#popup").dialog("open"); return false; }); });


En mi caso fue que

debe incluir primero grid.locale-en.js y luego jquery.jqGrid.min.js.


Parece que el navegador no ha cargado jQueryUI, asegúrese de que esté en su DOM