Code:
function loadDivHTML(div_id, content_src)
{
$("#" + div_id).load(content_src, bookmark);
setGlossLinkListeners(); //Each time new content is loaded this function sets listeners on PU links.
}
remove the code in orange.
change this
Code:
function setGlossLinkListeners()
{
/*$('#contentContainer a.glossaryLink').each(function() {
alert('this will alert for every li found.');
}); */
$('#contentContainer a.glossaryLink').on('hover', function(){
onRollOverPULink();
});
/*$('a.glossaryLink').live("hover", function(event){
alert("WTF");
});
.onmouseout(function(event){;
onRollOutPULink(event);
}).click(function(event){
showHideGlossary();
})*/
}
to this
Code:
$(document).ready(function(){
$('a.glossaryLink').on('mouseover', function(){
alert("you hovered on a glossary link);
}).on('mouseout',function(event){
onRollOutPULink(event);
}).on('click',function(event){
event.preventDefault();
showHideGlossary();
})
});
and see if that works