Hi Karl, I'm having a similar issue as described in the original post here:
- I have three divs that I want to use for cluetip: info-1, info-2, and info-3. - I have six links: two for each div. They all have the correct rel attributes set (two have rel="#info-1", and so on). - Only the first of the six links displays the correct content. While the rest of the cluetips do show up and they do have the right header, their content is empty. I tried the release you've posted here to no avail. I also tried using the method described above (setting the rel attribute to a class that's shared by all the divs and placing the divs after each link), but the cluetips don't display properly: the first three links show the first div, then the rest show none. Am I asking too much of cluetip? Or is there a different way to do this? Thanks, Mark Trapp On Apr 9, 7:21 pm, Karl Swedberg <k...@englishrules.com> wrote: > Hi there Ian, > > So sorry about that problem. I believe I've fixed it in a version I've > had up on Github for a couple weeks. Just put together a new release > for it here: > > http://plugins.jquery.com/node/7526 > > Please give that one a try and let me know if you still run into > problems > > --Karl > > ____________ > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > On Apr 8, 2009, at 10:44 PM, Ian wrote: > > > > > > > Hi, > > > I'm pretty new to jquery, but I really love the cluetip plugin. I'm > > having trouble, though, when I define tips for a series of <a> > > elements which each call different local html data. When I use the > > "rel" attribute to call distinct attribute values for the <div>s > > holding the data (whether id or class), I only get data in the first > > cluetip. For the rest I get the tip but it's empty. > > > Here's the script in my <head>: > > > $(document).ready(function() { > > $('a.load-local').cluetip({local:true, hideLocal: true, sticky: true, > > arrows: true, cursor: 'pointer'}); > > }); > > > And here's the html in the body: > > > <a class="load-local" href="#" rel=".loadme">hover here</a><br /> > > <div id="loadme" class='loadme'>Here's some content<br />here's > > another line.</div> > > > <a class="load-local" href="#" rel=".loadmeToo">hover here too</ > > a><br / > > > <div id="loadAgain" class="loadmeToo">Here's some different content.</ > > div> > > > <a class="load-local" href="#" rel=".loadmeToo2">hover here too</ > > a><br /> > > <div id="loadStillAgain" class="loadmeToo2">Here's some really > > different content.</div> > > > If I use the "rel" attribute of all the links to call one common class > > for the data <div>s then I get the appropriate data showing up in each > > tip. But then only the first data <div> is hidden. All the rest in the > > series are left visible in the document body (as well as being cloned > > in the cluetip). > > > Here's the html I'm using in that case: > > > <a class="load-local" href="#" rel=".loadme">hover here</a><br /> > > <div id="loadme" class='loadme'>Here's some content<br />here's > > another line.</div> > > > <a class="load-local" href="#" rel=".loadme">hover here too</a><br /> > > <div id="loadAgain" class='loadme'>Here's some different content.</ > > div> > > > <a class="load-local" href="#" rel=".loadme">hover here too</a><br /> > > <div id="loadStillAgain" class='loadme'>Here's some really different > > content.</div> > > > Am I doing something wrong? This is a trivial example, of course, but > > the principle applies to a larger web-app I'm working on. > > > Thanks, > > > Ian
