I have uploaded a screencast of my issue as it's somewhat difficult to get across: https://www.youtube.com/watch?v=V8Gje44RGKQ
I have a list of Jquery tooltip confirms which when clicked say asks YES or NO. Pretty standard stuff...
$(document).ready(function() {
$('body').on('click', '.jConfirm', function(){
$(this).jConfirm({
message: 'You sure you to delete this?',
confirm: 'YUPPERS',
cancel: 'NO WAY!',
openNow: this,
callback: function(elem){
alert('According to the link you clicked...\r\nType = "'+elem.attr('itemType')+'" \r\n ID = "'+elem.attr('itemId')+'"');
}
});
});
});
A completely seperate thing, I have a DIV that gets populated with the following script:
$(document).ready(function() {
$("body").on("click",".edit", function(){
$("#menu").load("USERS_edit.php?id="+this.value);
});
When I click through the confirmation links, the tooltip appears and is completely functional. However, when I perform the unrelated task of loading a page into a DIV on my page, the original tooltip links do not function (apart from the ones that were already clicked).
I checked the console and I get the following error: $(...).jConfirm is not a function
Please note: The content that is being loaded into the DIV is completely seperate and does not intefer (I dont think!) with the tooltip confirmation buttons. I have stripped every single piece of code out of the file that is loaded into the DIV. I seem to have found that $("#menu").load("USERS_edit.php?id="+this.value); is causing the tooltips to stop firing, and are giving me the $(...).jConfirm is not a function message in console.