Modify DOM -> event overrides not working
Hi all,
I'm a NOOB to jquery, but not to programming. I'm also trying to implement a holy grail of jquery, fusebox, and progressive enhancement as much as I can.
I have a series of questions I need to have the user answer to create a decision tree to base more program logic. I thought this would be a perfect chance to try it out but no luck. My thought was to have a div on the page that contained a simple question like this:
<cfset pageTitle="New Transaction" />
<p>Is the property in question located in the city limits?</p>
<p><a class="ajaxMe" href="#myself#llclient.RealEstateCity">Yes</a></p>
<p><a class="ajaxMe" href="#myself#llclient.RealEstateSuburb">No</a></p>
I'm then creating a fairly straightforward click override for the class:
$('a.ajaxMe').click(function()
{
var params={};
var h=$(this).attr("href");
var dot=h.lastIndexOf('.');
var eq=h.indexOf('=');
var path="view/clients/dsp"+h.substr(dot+1)+".cfm";
var myself=h.substr(0,eq+1);
params.myself=myself;
params.path=path;
......
( the code strips the filename I need to load out of the href)
and use ajaxCFC to load the html segment of another question.
But even though the new code has the same a class of "ajaxMe", the click doesn't get overridden and the normal href gets called. I would have thought that the event handler would simply traverse the whole current page and find the new , but it doesn't.
What am I missing? Is there some way of reinitializing the event handler?
TIA,
bob