jQuery Selectors Crashing App

[alexheyd]

Hi,

The app I'm building has 3 categories. I run the same code for all 3, it crashes on 2 categories, but not on one of them.

The line of code where it crashes (id and cat variables are properly being passed):

var $lis = $('#' + id + ' ul').children('.' + cat);

In my dev environment, that selector should return 0 elements because the <ul> is actually empty (it won't be once the app is working properly), but regardless of that, I don't see why the app would crash.

I've also tried different variants of that selector such as:

var $lis = $('#' + id + ' ul .' + cat);

var $lis = $('#' + id).find('.' + cat);

but these last 2 just crash the app for all 3 categories instead of just 2.

[hp3]

Does this code return an array of children elements of a given id element in the document or does this attempt to parse a style sheet by a given rule?

[alexheyd]

It returns a jquery element, which is similar to an array of dom elements. Nothing to do with parsing css, it just uses css syntax to target elements.

[peppe@peppe.net]

It returns a jquery element, which is similar to an array of dom elements. Nothing to do with parsing css, it just uses css syntax to target elements.

Do you have a simple testcase of this? Preferably the bare minimum code and content that is required to get this to still crash? It would be very much appreciated! You can email it to me at ext-petrus.2.lundqvist(at)nokia.com

Thanks!

[petrosoi]

Hey,
Which device are you using?
jQuery incompatibility is (unfortunately) a known issue on some earlier S60 3rd FP2 device SW.


ps

[bryanrieger]

I'm having a similar problem (crashing) using jQuery 1.3 selectors on the N79:

Using the horoscope example (from Getting Started... http://is.gd/gB0u), including jquery 1.3 and changing horoscope.js (line ~80) from:

document.getElementById("mainView").style.display = "none";

to:

$("#mainView").hide("slow");

Crashes when viewed on my N79. Works fine in the SDK emulator (3rd Ed FP 2), within Aptana and on the 5800 XpressMusic - so it's likely a version issue. Is there a way to determine which version of WRT a device supports?

Update - if I omit "slow" (or any speed argument) and just use .hide() it does seem to work. Shame, being able to use nice, subtle little effects (reliably) with jQuery would add a lot to widgets.

[redcom]

First of all the $ is a javascript object when you are using jquery.

So if you just use

var lis = $('#' + id).find('.' + cat);

another approach is to use a string passed to the jquery selector:

from:

var $lis = $('#' + id + ' ul .' + cat);

replace it with

var selector = '#' + id + ' ul .' + cat; // the selector is constructed first
var lis = $(selector); // and than is passed to the jquery to obtain the desired info.

Some while ago i had the same problem in desktop development and the approach above helped me.