Thanks a lot Karl. I'll give this a try. In the meantime I found a workaround by just setting display:none in the stylesheet for the local data <div>s. Thanks for a great plugin!
Cheers, Ian 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