Tooltipster jQuery load issue in Wordpress -


i'm trying add tooltipster script wordpress site , have issue jquery loading.

the instruction site says code should added head tag (links files modified site):

<link rel="stylesheet" type="text/css" href="http://oopsbox.me/wp-content/uploads/js/tooltipster.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="http://oopsbox.me/wp-content/uploads/js/jquery.tooltipster.min.js"></script> <script>     $(document).ready(function() {         $('.tooltip').tooltipster();     }); </script>    

then adding .tooltip class element should show nice tooltip on hover etc.

this works when try on separate page. example here test page.

but when try add same code wordpress header.php head tag display tooltips on main page site stops working.

i think it's because of jquery load line cause wordpress has 1 , uses newer version of jquery (which tooltipster should support).

i tried remove tooltip jquery load line , leave 1 wordpress has default, tooltips don't work.

could tell i'm doing wrong , possible solutions here?

huge bunch of thanks!

alex

by looks of - seems jquery in noconflict mode.

update code adding jquery instead of $

<script>     jquery(document).ready(function() {        jquery('.tooltip').tooltipster();     }); </script>  

Comments

Popular posts from this blog

ios - RestKit 0.20 — CoreData: error: Failed to call designated initializer on NSManagedObject class (again) -

laravel - PDOException in Connector.php line 55: SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES) -

java - Digest auth with Spring Security using javaconfig -