function showPopup(){
var popup = $('<div>').dialog();
popup.html('<div id="mydiv"></div>');
for (var i=1; i<5; i++)
setContent($('#mydiv'));
popup.dialog("option", "buttons", {
"
Add": function(){
//code to
add
$(this).dialog('close');
$(this).dialog('destroy');
},
"Cancel": function(){
//code to
add
$(this).dialog('close');
$(this).dialog('destroy');
},
});
}
function setContent(container){
container.append('<p>sadfsdfsdfsdfdsf</p>');
}
On clicking a "
ADD BUTTON" the showPopup function is called which displays a dialog box setting its content from the setContent method.
On the first click the content is displayed properly while
on further clicks(after the previous dialog is closed) no content is displayed.
Can anyone help with this.
