[英]closing a modal dialog on button click event
我有一個模態窗口,在下拉列表中點擊一個項目時打開。 按下按鈕,我無法實現關閉對話框。
var $that = this;
$("#btncart_cancel").on("click", function () {
///// ***********close the dialog ***************
/// tried this but not working
$that.dialog("close");
});
我的代碼:
$(".ddlCart li").click(function (e) {
$('#actionsCart').slideToggle();
var ddlselectedVal = $(this).attr('id');
var selectedListinsCount = selected_Listings.length;
var SelectedMlsnums = selected_Listings.join();
var agentId = $("#AgentId").val();
var EnvironmentURL = $("#EnvironmentURL").val();
var autoUrl = "/Stats/SearchContacts";
var Action = "PreAddToCart"
var postData = {
AgentId: agentId,
Mlsnums: SelectedMlsnums,
ActionTypeValue: Action
};
var $that = this;
var close = function (event, ui) {
$(this).dialog("destroy");
}
var open = function (event, ui) {
var agentId = $("#AgentId").val();
var url = EnvironmentURL + "/Stats/SearchContacts";
$("#btncart_cancel").on("click", function () {
///// ***********close the dialog ***************
});
$("#btncart_submit").on("click", function () {
$(".liloading").show();
if (App.ContactInfo.Id != 'undefined') {
var contactKey = App.ContactInfo.Id;
var cartName = App.ContactInfo.Name;
} else {
var contactKey = 0;
var cartName = 'My Personal Cart';
}
var note = $("#txtNotes").val();
var url = EnvironmentURL + "/Stats/Cart";
//Send the data using post and put the results in a div
$.post(url, {
CartName: cartName,
Notes: note,
Contactkey: contactKey,
ActionTypeValue: "AddToCart"
},
function (data) {
// Replace current data with data from the ajax call to the div.
$("#dvModalDialog").empty().append(data);
});
});
};
var rd = Mod.ReportsDialog({
title: 'Add To Cart',
close: close,
open: open
});
rd.url = EnvironmentURL + "/Stats/Cart";
rd.targetElement = '#dvModalDialog' // '#dvSendEmail'
rd.formName = '#frmCart'
rd.postData = postData
rd.open();
var $that = this;
});
我用close方法看到的問題是$that
不是JQuery對象。
您可以使用$($that).dialog("close")
或$(this).dialog("close")
或$('#dvModalDialog').dialog("close")
修復此問題。
$(document).ready(function () {
$('#modalClose').click(function (){
window.setTimeout(function () {
$('#contact').modal('hide');
}, 5000);
});
});
對於Button
使用id = modalClose
和對於模態使用id = contact
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.