this is really odd... any insight please?
Hi there, I really hope you can spare a bit of time to help me with this
im building a configurator using Jquery, and have run into a very odd problem.
let me explain:
Step 1
The user arrives at the page and is presented with a drop down box and a "continue button". This is actually coded directly into a "wrapper" div in html.
Step 2
The user selects from tjhe drop down and clicks continue... cue cool fading effect and the contents of the "wrapper" div are replaced with the next step in my configurator.
Step 3
The user realises they made a mistake in the drop down menu (the tard) and clicks the back button to select another option. This loads the exact same content as the origional page 1, the only differense is that this is loaded as a string from and external js file.
It works fine apart from one thing, my "continue" button will not work when the content is loaded from the external file... only when its actually coded directly into the html. I can only assume this has something to do with the way things are loaded into the DOM... but i cant be sure, can anyone shed any light?
heres some code:
The code for the "continue button" This is what isnt running the second time around.
Really appreciate any feedback on this guys... its got me pulling my hair out.[/u]
im building a configurator using Jquery, and have run into a very odd problem.
let me explain:
Step 1
The user arrives at the page and is presented with a drop down box and a "continue button". This is actually coded directly into a "wrapper" div in html.
Step 2
The user selects from tjhe drop down and clicks continue... cue cool fading effect and the contents of the "wrapper" div are replaced with the next step in my configurator.
Step 3
The user realises they made a mistake in the drop down menu (the tard) and clicks the back button to select another option. This loads the exact same content as the origional page 1, the only differense is that this is loaded as a string from and external js file.
It works fine apart from one thing, my "continue" button will not work when the content is loaded from the external file... only when its actually coded directly into the html. I can only assume this has something to do with the way things are loaded into the DOM... but i cant be sure, can anyone shed any light?
heres some code:
The code for the "continue button" This is what isnt running the second time around.
-
$(".next_btn").click(function () {
$("#rightContent").animate({opacity: 0.0},{duration:600,complete:function(){ replace(2) }});
});
Really appreciate any feedback on this guys... its got me pulling my hair out.[/u]
Topic Participants
x.accura