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.
