[Solved] qTip in wordpress - jquery in no conflict mode

[ulrich]

Hi Craig,

first af all, thanks for the awesome tooltips!
i have a question about qTips and jquery in no conflict-mode though.

the wordpress docs tell me, i should call scripts like this:

JS Code

<?php
         wp_enqueue_script('newscript',
          'wp-content/themes/test/javascript/jquery.qtip-1.0.0-rc3.min.js',
             array('jquery'),
                '1.3.2' );
      ?>

this works, cause i see that either jquery and qTips are loaded.
but wordpress loads jquery in no conflict mode.
and now i'm clueless as to how i could get qTips on the go.

I initialize qTips as follows

JS Code

<script type="text/javascript">
// Create the tooltips only on document load
jQuery(document).ready(function($) // wordpress 
   {
      $('a[href][title]').qtip({
   content: {
         text: false
      },
   position: {
      corner: {
         target: 'topRight',
         tooltip: 'bottomLeft'
      }
   },
   style: { 
      padding: 5,
      background: '#7ba52d',
      color: 'black',
      textAlign: 'center',
      border: {
         width: 7,
         radius: 5,
         color: '#7ba52d'
      },
      tip: 'bottomLeft',
      name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
});
});
</script>

do you have any hints for?
THANKS IN ADVANCE!

ulrich

[Craig]

Try out this modified code (it's not tested so don't shoot me if it won't work )

JS Code

<script type="text/javascript">
// Create the tooltips only on document load
jQuery(document).ready(function() // wordpress 
   {
      jQuery('a[href][title]').qtip({
   content: {
         text: false
      },
   position: {
      corner: {
         target: 'topRight',
         tooltip: 'bottomLeft'
      }
   },
   style: { 
      padding: 5,
      background: '#7ba52d',
      color: 'black',
      textAlign: 'center',
      border: {
         width: 7,
         radius: 5,
         color: '#7ba52d'
      },
      tip: 'bottomLeft',
      name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
});
});
</script>

[ulrich]

Hi Craig,
thanks for the quick reply!

though it doesn't work if i load jquery with 'wp_enqueue_script'.
for now i load jquery the not so preferred way but at least it works...
i'll update here if i find a solution.

ulrich

[ben_allison]

Yeah, this doesn't work for me either.

When I register my own jQuery, it does. But that's no good because there a bunch of dependencies... and, other jQuery scripts I have work when I use the noconflict method.

Any ideas on how I can get qTip running in WP, without having to tear things apart?

(24th August 16:30)ulrich Wrote:  Hi Craig,
thanks for the quick reply!

though it doesn't work if i load jquery with 'wp_enqueue_script'.
for now i load jquery the not so preferred way but at least it works...
i'll update here if i find a solution.

ulrich

---

Apparently this hacked version works!

http://jdadesign.net/2010/11/qtip-librar...rdpress-3/