Notes on the dialog attribute in Jquery_jquery

Copy code The code is as follows:

$('#dialogDiv').dialog(
{
hide:true, //Click to close to hide. If you don’t add this, an error will occur if you click again after closing the pop-up window.
autoOpen:false,
height:380,
width:800,
modal:true, //Mask layer (pop-up will affect the page size)
title:'Bid Opener',
overlay: {opacity: 0.5, background: "black" ,overflow:'auto'} ,
buttons:{
'OK':function(){
// Processing method addUser();
},
'Cancel':function(){
// Close the current Dialog
$(this).dialog("close");
}
}
}
);
$('#addItems').click(function( ){
loadPage('buildOpeningGroupAddOpering.htm','#dialogDiv'); //dialog memory page
//$(window.parent.document).find("#projectSpaceContent .show").height( 600)//Adjust the current Iframe height
$('#dialogDiv').data('title.dialog', 'Add bidder').dialog('open'); //Modify the title
return false;
})

function loadPage(path,id) {
$.get(path, function(data) {
// data = data.replace(//ig,""); //Remove script tag
data = data.replace(//ig,""); //Remove link tag
data = data.replace(//ig,""); //Remove html tag
data = data.replace(/< /?body.*>/ig,""); //Remove body tag
data = data.replace(//ig,""); //Remove head tag
data = data.replace(//ig,""); //Remove doctype tag
data = data.replace(/.*/ig,""); //Remove title tag
$(id).empty().html(data);//Clear contentMain content and load html
});
}
//Add a close button to the popup layer
$('.ui-dialog-buttonpane').show().empty();
$('').click(function(){
$("#dialogDiv").dialog('close');
return false;
}).appendTo('. ui-dialog-buttonpane');

Let’s look at the example first. In addition, if you want to drag and change the size of the dialog, you must add ui.draggble.js and ui.resizable.js

Copy code The code is as follows:

<script> <br>$("#dialog").dialog({autoOpen:false,buttons:{"OK":function(){$(this).dialog("close") ;}},closeOnEscape:true,hide:"slide",modal:true,title:"dialog"}).dialog("open"); <br></script>

< div id="dialog" title="Dialog Title">You are a pig!