jqueryUI tooltip positioning with jQuery UI 1.11.4

jqueryUI tooltip positioning with jQuery UI 1.11.4

I'm having issues with jQueryUI tooltips with version 1.11.4. With jQuery 2.1.3 and jQueryUI 1.11.3, I used the following:

https://jsfiddle.net/gssege1k/

It produced the desired effect - tooltips slid out to the side of the elements when moused over. However, with jQuery 2.13 and jQueryUI 1.11.4 (the only change being the version of jQueryUI), the tooltips slide out from the side of the viewport rather than the side of the triggering element. They obey the animation config, but attempt to extend the full width of the browser window instead of the width of the content, which often causes them to extend back over the mouse cursor, making them loop between opening and closing. I tried a few changes to see if I could work around or fix it:

* The items that contain tooltips are loaded via AJAX. Rather than putting the $(document).ready() block in the main part of the page, I loaded it with the rest of the AJAX content. No change in behavior.

* Rather than $(document).tooltip(), I tried $(".fancytooltip").tooltip() and removed the items config option. In the main page's $(document).ready(), it showed standard tooltips, not fancy jQueryUI ones. When loaded with the AJAX content, jQueryUI tooltips were displayed, but the main problem still manifested - tooltips open from the side of the screen rather than the side of the element.

* I attempted to add of: $(this).parent() in the position config. This triggered a syntax problem - it said "TypeError: i is undefined". I get the same error in 1.11.3 and 1.11.4.

All my testing was done in Firefox 37.0.2 on Mac 10.10.3, though I received reports from my users, many of whom would be using Chrome on Windows. I can fully accept that I may be doing something wrong, but it's odd that my code works in 1.11.3 and not in 1.11.4.