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.
