JQuery and Caching

I ran into a problem this morning that is turning into something that is more than a little annoying.  I am cooking up some JQuery to allow drag and drop between two data tables.  Building slowly, I wrote the following JQuery: 

 

    <script type="text/javascript">

        $(function() {

            $("#sourceTable").draggable();

            $("#destinationTable").draggable();

        }

 

        );

      </script>

I then added an additional qualifier on the source table to only select the data rows

$("#sourceTable tr:gt(1)").draggable();

The problem is that it is not working.  Any other qualifier than TR does work – which makes no sense.

I then took these methods and put them into a seperate file.  I first tested with an alert – which worked fine

function jamie() {

    alert("setupDragDrop called");

}

However, once I renamed the target function to something more meaningful, it failed

function setupDragDrop() {

    alert("setupDragDrop called");

}

And the reason why is that I had a function with the same name (but different signature) created earlier.  The kicker is that the original function is commented out – but the browser is still calling it. 

I recompiled the solution and stopped the instance of Cassani running, to no avail.  I am wondering if I have to clear my IE cache.  If so, this is nutz.  There is no way I should need to go though all of those steps just to update a java script file.

–As an update, I noticed that the relative path in debugging mode was localhost\scripts\JQueryExtender.js.  I deleted all of the debugging symbols out of the /bin folder (both working and test) and it stuck.  I wonder why the debug symbols were not getting updated even when I recompiled…

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: