Forums

JQuery UI Tooltip not visible while Signed into Concrete5

Permalink
I have a tooltip link in the footer of my client's test site,http://www.nwlodge.vemglobal.net/... . The tooltip block shows up for guests, but not to users or admins who are logged into Concrete5. I thought it was a because JQuery UI was loading twice, but I removed the script calling the JQuery UI file from the theme header.

The tooltip div contains a Concrete5 block that should be editable in Concrete5.

Here is the javascript that I load for the tooltip (and a supersized background) 
<script language="javascript" type="text/javascript"> 
   jQuery(document).ready(function() { 
      jQuery("#more").tooltip({ 
         effect: 'fade', 
         direction: 'up',
         position: "top left",
         delay: 1000, 
         offset: [-13, 165], 
         relative: true,
         tip: '.morebox'
         });         
      $.supersized({
         slide_interval          :   2500,      // Length between transitions
         transition              :   1,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
         transition_speed      :   1500,      // Speed of transition
Viewing 15 lines of 23 lines. View entire code block.


The code for the tooltip link is as follows: 
Tooltip link when logged into C5 - <a id="more" class="up-arrow" href="#" data-original-title="">About Northwoods Lodge</a>
sketchyTK
 
JohntheFish replied on at Permalink Reply
JohntheFish
jQuery tools is not within the core of jQuery.ui, but rather another jQuery plugin that works with jQuery.ui.

I am just shooting in the dark here. When logged in to c5, the c5 interface uses bootstrap. Bootstrap has its own tooltip extensions to jQuery. I suspect that when logged in, bootstrap is loaded, and jQuery tools gets into an argument with the bootstrap tooltip code.

As I said, shooting in the dark. The above is a hypothesis for you to investigate. Not an answer.
sketchyTK replied on at Permalink Reply
sketchyTK
Any advice for getting Bootstrap to load on the page for guests?
JohntheFish replied on at Permalink Reply
JohntheFish
Have a look at my LoadJqueryUI addon (free). It includes tricks for loading the core js and css for front end pages.

However, the bootstrap effect will not be the same as your overlay from the footer. You may be better off looking at some of the message/alert types of addons and creating a transparent template.
sketchyTK replied on at Permalink Reply
sketchyTK
I have downloaded your Load jQuery Ui plugin and it solved the issue of calling the jquery ui twice.