jQuery clickable div with working mailto link inside -
i have div want clickable need mailto link inside div still work too. when hover on mailto link mailto appears @ bottom of browser clicking activates link attached div. anyway around this? thanks.
<div class="directory_search_results"> <img src="images/no_photo.png" /> <ul class="staff_details"> <li class="search_results_name"><a href="http://www.netflix.com">micheal staff</a></li> <li class="search_results_location">university of illinois</li> <li class="search_results_email"><a href="mailto:test@test.org">test@test.com</a></li> <li class="search_results_phone">(407) 555-1212</li> <li class="search_results_office">(407) 555-1212</li> </ul></div>
and jquery
$(document).ready(function(){ $(".directory_search_results").click(function(){ window.location=$(this).find("a:first-child").attr("href"); return false; });
add class mailto: link this:
<div class="directory_search_results"> <img src="images/no_photo.png" /> <ul class="staff_details"> <li class="search_results_name"><a href="http://www.netflix.com">micheal staff</a></li> <li class="search_results_location">university of illinois</li> <li class="search_results_email"><a class="nobubble" href="mailto:test@test.org">test@test.com</a></li> <li class="search_results_phone">(407) 555-1212</li> <li class="search_results_office">(407) 555-1212</li> </ul></div>
and add following jquery code
$('.nobubble').click(function(event){ event.stopimmediatepropagation(); });
this prevent bubbling of event parent div ant triggering of click there.
Comments
Post a Comment