Once your data is loaded into the page your bind events are not bound anymore, since you replaced the DOM information. You can either rebind events with running a rebind function, or you can use live jQuery http://brandonaaron.net/docs/livequery/
Should fix your problem. -Kyle On Jan 29, 6:08 am, K Bouton <[EMAIL PROTECTED]> wrote: > I have two dropdown boxes, which, when clicked, return via ajax some > information in a div. Inside that information is are multiple links. > > When I click on the left select- the links in the div below work fine. > If I refresh and click on the right select- the links in the div below > work fine. > So each individual select box works as I would expect it. > > But... > if I refresh and click on the left select, then click on the right > select - the link for that right select work fine but the links from > the left select no longer work? > > The links for the right select always work, regardless > > Seehttp://ncas-cms.nerc.ac.uk/data/startFiles/not_working_anim_overlay.php > > Any ideas what is going wrong? > > abbreviated code below for the form - hand typed in so there may be > typos > > [code] > $(document).ready(function() { > $("#wrapBA").hide(); > $("#wrapMO)").hide(); > $("select#ba").change(function() { > var ba = $("select#ba").val(); > //var ba = $ > (this).children("option:selected").attr("value"); > $.ajax({ > type: "POST", > url: "not_working_overlay_info.php", > data: "ba=" + ba, > dataType: "html", > cache: false, > error: function(){ > alert('Error loading BA start files'); > }, > success: function(data) { > $("#wrapBA").html(data); > $("#BAModelName").html("BA - > "+ba).show().addClass("BAModelName"); > $("#wrapBA").slideDown('slow'); > } > }); > return false; > }); > $("select#mo").change(function() { > var mo = $("select#mo").val(); > $.ajax({ > type: "POST", > url: "not_working_overlay_info.php", > data: "mo=" + mo, > dataType: "html", > cache: false, > error: function(){ > alert('Error loading MO start files'); > }, > success: function(data) { > $("#wrapMO").html(data); > $("#MO_ModelName").html("MO - > "+mo).show().addClass("MO_ModelName"); > $("#wrapMO").slideDown('slow'); > } > }); > return false; > }); > > }); > > <div class="BAModelName" id="BAModelName">No BA Model Chosen</div> > <div id="wrapBA"></div> > > <div class="MO_ModelName" id="MO_ModelName">No MO Model Chosen</div> > <div id="wrapMO"></div> > > [/code] > > abbreviate relevant not_working_overlay_info.php - > [code] > for ($m=1;$m<=12;$m++) { > echo '<div class="availableBADC_'.$m.' "><a href="test.php">'.$m.'</ > a></div>';} > > [/code]
