/ / jQuery यूआई संवाद अलग निष्पादन प्रवाह के साथ नहीं दिखाते - jquery-ui

jQuery UI संवाद विभिन्न निष्पादन प्रवाह - jquery-ui के साथ नहीं दिखाया गया है

मुझे jquery ui संवाद के साथ एक अजीब समस्या है। मेरे पास एक रेंडर पेज है जो 2 प्रकार के डायलॉग (पुष्टि, इरेट) दिखा सकता है।

अगर मैं गलत संवाद शुरू करता हूं, तो पुष्टि करें, उन्होंने अपेक्षा के अनुरूप काम किया।

लेकिन अगर मैं पुष्टि करना शुरू करता हूं, तो गलत, गलत संवाद नहीं किया गया ""। मैं जावास्क्रिप्ट को डीबग करता हूं लेकिन कोई भी गलत नहीं है।

मैं किसी भी उत्तर का स्वागत करता हूं कि कैसे / साथ ही समस्या निवारण / डिबग करें।

संवाद के लिए जावास्क्रिप्ट:

function ConfirmationDialog(strMsg, actionYes) {
var dlg = $("#ConfirmationDialog");
dlg.html(strMsg);
dlg.dialog({
resizable: false,
height: 300,
width: 600,
modal: true,
buttons: {
Yes: function () {
$(this).dialog("close");
if (actionYes != null) actionYes();
},
No: function () {
$(this).dialog("close");
}
}
}).parent().addClass("ui-state-highlight");
}

function ErrorDialog(strMsg) {
var dlg = $("#ErrorDialog");
dlg.html(strMsg);
dlg.dialog({
resizable: false,
height: 300,
width: 600,
modal: true,
buttons: {
Close: function () {
$(this).dialog("close");
}
}
}).parent().addClass("ui-state-error");
}

HTML:

<script src="/xx/Scripts/jquery-1.8.2.js"></script>
<script src="/xx/Scripts/jquery-ui-1.8.24.js"></script>
<script src="/xx/Scripts/jquery.unobtrusive-ajax.js"></script>

<div id="ConfirmationDialog" title="Confirmation" />
<div id="ErrorDialog" title="Error" />

<a href="javascript:ErrorDialog("err");">Err</a>
<a href="javascript:ConfirmationDialog("cc",null);">Confirmation</a>

उत्तर:

जवाब के लिए 0 № 1

मैंने इसे आज़माया और यह काम करने के बाद मैंने समापन टैग को div में जोड़ा:

<div id="ConfirmationDialog" title="Confirmation"></div>
<div id="ErrorDialog" title="Error"></div>

आपके जावास्क्रिप्ट के लिए मेरे पास एक सुझाव भी है। क्योंकि आप संवाद का चयन करते हैं

var dlg = $("#ErrorDialog");

आप डॉन 'टी करने के लिए है

$(this).dialog("close");

वह अनावश्यक रूप से एक और वस्तु का निर्माण करेगा। बस करो

dlg.dialog("close");