OK, finally, I got it: everything was caused by qtip: adding a code
$j(this).qtip({
content: $j(this).attr('title'),
show: { effect: 'grow', length: 400 },
hide: { effect: 'grow', length: 400 },
position: {
corner: {
target: 'topMiddle',
tooltip: 'bottomLeft'
}
},
style: {
tip: 'bottomLeft',
name: 'dark',
border: {
width: 2,
radius: 8
//color: '#666666'
},
width: 200
}
});
inside of the each(function.... loop caused alerts not functional,
however, all qtips were generated fine. Checked it on different
browsers - the same result. It looks as I will get back to the old
bullet-proof tooltips of Walter Zorn (www.walterzorn.com)
On Mar 18, 11:52 am, Eric Garside <gars...@gmail.com> wrote:
> The problem here appears to be the change jQuery made with 1.3.2 with
> how it determines visibility.
>
> http://jsbin.com/omavi/edit
>
> That link is a quick demonstration of how it works. A "visible" object
> to jquery is determined by if it takes up space in the page, and has
> nothing to do with the css property "visibility". This is pretty
> deceiving, and I'm not sure why they decided to do it that way, but it
> breaks down like this:
>
> A visible element one, even ones with or visibility:hidden" and
> "position: absolute; left: -9999px" will return with the :visibility
> selector
> An element which does not take up space, such as one with
> "display:none" will not return with the :visibility selector.
>
> Now, in your code, you reference $j('selector'). I'm not at all
> familiar with $j as a way to interface with jQuery. But there is proof
> it works, and as expected (at least to what jQuery says).
>
> On Mar 17, 8:36 pm, Andy789 <e...@abcstudio.com.au> wrote:
>
> > No, just to make it real simple:
>
> >functiontest(){
> > var vis = $j('li.jqtip:visible').length;
> > alert(vis); //correct alert OK, returns some number here!
> > $j('li.jqtip:visible').each(function()
> > { alert('something here'); //nothing happens !!!
>
> > })
> > }
>
> > All alerts inside .each(function.... do not work.
>
> > Any ideas?
>
> > On Mar 18, 7:18 am, James <james.gp....@gmail.com> wrote:
>
> > > What happens if you remove the code for the qtip and leave the alert?
>
> > > On Mar 17, 10:14 am, Andy789 <e...@abcstudio.com.au> wrote:
>
> > > > Yes, this is what i was doing, but puzzled as why the second alert
> > > > never triggers:
>
> > > >functiontips(){
> > > > alert($j('li.jqtip:visible').length); //returns 9
> > > > $j('li.jqtip:visible').each(function()
> > > > { alert('something here'); //returns nothing, but thefunctionis
> > > > working and creates tooltips !!!!!!
> > > > $j(this).qtip({ ..............
>
> > > > How is that possible?
>
> > > > On Mar 18, 12:28 am, MorningZ <morni...@gmail.com> wrote:
>
> > > > > First, it would be wise to see what your selector returns
>
> > > > > functiontips(){
> > > > > alert($j('li.jqtip:visible').length);
>
> > > > > }
>
> > > > > if that returns "0", then your selector is wrong
>
> > > > > to help with that, there was this excellent post about breaking
> > > > > changes in 1.3.2 release, in your case reading the ":visible" section
> > > > > would probably be of great help
>
> > > > >http://www.learningjquery.com/2009/03/3-quick-steps-for-a-painless-up...
>
> > > > > Andy789 wrote:
> > > > > > Hi All,
>
> > > > > > Here is a simplefunction- works fine, but I cannot get alerts for
> > > > > > debugging - no errors - no alerts:
>
> > > > > >functiontips(){
>
> > > > > > $j('li.jqtip:visible').each(function()
> > > > > > { alert('something here'); //this alert is not working !!!!!!
> > > > > > $j(this).qtip({
> > > > > > content: $j(this).attr('title'),
> > > > > > show: { effect: 'grow', length: 400 },
> > > > > > hide: { effect: 'grow', length: 400 },
> > > > > > position: {
> > > > > > corner: {
> > > > > > target: 'topMiddle',
> > > > > > tooltip: 'bottomLeft'
> > > > > > }
> > > > > > },
> > > > > > style: {
> > > > > > tip: 'bottomLeft',
> > > > > > name: 'dark',
> > > > > > border: {
> > > > > > width: 2,
> > > > > > radius: 8
> > > > > > //color: '#666666'
> > > > > > },
> > > > > > width: 200
> > > > > > }
> > > > > > });
> > > > > > });
> > > > > > }
>
> > > > > > What is wrong here? I feel it is something very obvious...
