So everything seems to work now, except in Internet Explorer. I
tested out the application in FF3, Safari4, Chrome3, and Opera10...
They all work fine. It's just IE8 (both modes). It's almost like the
event on the selector doesn't trigger. Same as earlier, but I'm using
live(). I tried switching this to bind(), but same thing. Just for
giggles, I even tried creating a $(selector).click() function and this
didn't do anything either. Any ideas?
On Dec 9, 10:51 am, "T.J. Simmons" <theimmortal...@gmail.com> wrote:
> Haha, no problem. I've been having one of those weeks. Glad it works.
>
> -T.J.
>
> On Dec 9, 11:42 am, rob <rob.sche...@gmail.com> wrote:
>
> > Nevermind... I found the error... I'm having one of those mornings...
> > Thanks for you help tho
>
> > On Dec 9, 10:30 am, rob <rob.sche...@gmail.com> wrote:
>
> > > I switched the .click event with .live(click), and it sort of works
> > > now. The problem with the parentMenu not updating is now ok. When I
> > > click the navigation links, the parentMenu now updates with new items
> > > and is clickable. The problem now is still with the childMenu. I can
> > > see in the .js file from the browser, that the HTML being written
> > > during the click event is this:
>
> > > var modelHTML = "<option id='"+model+"' value='"+model+"'
> > > class='childMenu'>" +model+ "</option>";
>
> > > However, when I inspect the item with firebug, it's not showing the
> > > class attribute for each of the items. This is probably why it's not
> > > triggering the function. What would cause this from writing the class
> > > attribute?
>
> > > On Dec 8, 6:21 pm, "T.J. Simmons" <theimmortal...@gmail.com> wrote:
>
> > > > This is somewhere in the jQuery documentation, but use .live("click",
> > > > function(){
>
> > > > instead of .click(function(){
>
> > > > to delegate the function to all matched elements on the page and
> > > > loaded in via AJAX or otherwise.
>
> > > > Hope that helps.
>
> > > > T.J. Simmons
> > > > Sent from my iPhone
>
> > > > On Dec 8, 2009, at 5:28 PM, rob <rob.sche...@gmail.com> wrote:
>
> > > > > I built a little utility modeling a linked menus concept... Click an
> > > > > item in the parent menu, and the child menu will update.
>
> > > > > When a parent option is selected the childMenu is reloaded with new
> > > > > <options>. Selecting these no longer triggers $("#childMenu >
> > > > > option").click(function(){}); Does anyone have any idea why this may
> > > > > be happening?
>
> > > > > Here's an example:
>
> > > > > $(".parentMenu").click(function(){
> > > > > var s = $("#parentMenu :selected").text();
>
> > > > > $.ajax({
> > > > > type: 'GET',
> > > > > url: 'xml/file.xml',
> > > > > datatype: 'xml',
> > > > > success: function(xml){
>
> > > > > alert(s); //this is displaying correctly
>
> > > > > $('#childMenu').empty();
>
> > > > > $(xml).find("series[name='"+s+"']).each(function(){
> > > > > $(this).find("model").each(function(){
> > > > > var model = $(this).text();
> > > > > var modelHTML = "<option id='" +model+ "'
> > > > > value='"+model+"'>" +model+ "</option>";
> > > > > $("#childMenu").append(modelHTML);
> > > > > });
> > > > > });
>
> > > > > });
>
> > > > > alert(s) will show when the menu is the original content (whether it
> > > > > is parentMenu or childMenu), but once that content is changed with
> > > > > something else, it no longer works.
>
> > > > > Any help would be greatly appreciated.
