jquery event.target.hasclass() works in firefox, not in safari.

[shortysbest]

///Hide Search Suggestions
 if (!$(event.target).hasClass('search')&&!$(event.target).hasClass('search-suggestions')) {
         $(".search-suggestions").hide();
    }

 

This works perfectly in firefox, but it doesn't in safari.

[Adam]

There's nothing within that code Safari doesn't support... Perhaps it's a problem else-where on the page? Do you have this online so we could take a look?

[shortysbest]

Well actually it's an odd problem, there is multiple problems with jquery in Safari, only on localhost though, when I put the files onto my webserver they work fine. I'm not sure what the issue could be for this, not a huge ordeal though as I use Firefox for my primary localhost browser to build with.

[Adam]

That is odd.. Does this particular snippet work from your remote sever?

[shortysbest]

Actually that example above didn't work in safari, well not entirely, however I made a new working script that was better and does work in all major browsers.

[cssfreakie]

Actually that example above didn't work in safari, well not entirely, however I made a new working script that was better and does work in all major browsers.

 

share it! to help others

[shortysbest]

$(document).click(function(event) {
////Hide Notifications

   if($(event.target).parents("div:first").attr("class")=="notifications-container"||$(event.target).parents("div:first").attr("class")=="quick-box"||$(event.target).attr("class")=="notifications")
   {}else
		{
			$(".notifications-container").hide();
		}

});

 

This is what I replaced it with which works good.

[cssfreakie]

thanks for sharing!

[Adam]

I think you could do this a better way. What's the HTML structure that you're trying to work with?