I am using $(selector).dialog(); function to invoke a tag in my HTML code. However, when I click on the link that directs me to this dialog, it seems like the tag is being removed by Firebug (a Firefox add-on)! The content inside the tag initially displays correctly, but if I close the dialog box using the default X button in the upper corner, clicking on the link again won't bring back the dialog box. Here is the code snippet within the click event:
$("#dialog").dialog({
resizable: false,
height:140,
modal: true,
autoOpen: true,
overlay: {
backgroundColor: '#000',
opacity: 0.5
},
buttons: {
'Delete this item': function() {
$.get("delete.php", { food: foodID } );
pausecomp(1000);
$.get("CategoryAdmin.php", { course: courseID },
function(data){
//alert("in updateDisplay() "+c);
$("#"+courseID).html(data);
operationStripe();
editCue();
});
return false;
$(this).dialog('close');
},
Cancel: function() {
$(this).dialog('close');
}
}
});