[jQuery] Browser Refresh - content being cached
Hi everyone,
First I would like to say this is my second day playing with jQuery
and I can tell I am going to be hooked on it. Very cool stuff, and not
to mention how well it helps downgrade for non-js browser. Very Cool!
Now, on to my question:
Right now I have a form where a few div's are open or closed based on
the selections of checkboxes.
One thing I noticed in firefox during a soft refresh, it still retains
the checkboxed values so what this means that is on a soft refresh,
checkboxes which should open the div's are checked, yet the div is
closed.
Now during a hard refresh (Hold shift down + refresh; it forces
browser to recompile cache) of which will forget what was checked.
My question is, how do you guys handle this? Is there a way I can call
all of my actions on page load to set the status of the divs based on
what is checked / not checked?
I tried binding my handlers to the load , but it failed to produce any
results.
How do you guys handle browser refreshes to make sure everything
displays as it should per each value selected.
$(document).ready(
function()
{
// also tried $("#accept_tos").bind("change click load",
$("#accept_tos").bind("change click",
function()
{
if ($("#accept_tos").is(":checked"))
{
$("#hidden_agreements").fadeIn("medium");
}
else
{
$("#submit").fadeOut("fast");
$("#hidden_agreements").fadeOut("fast");
$("#original_designer").attr('checked', false);
$("#original").attr('checked', false);
$("#not_selling_elsewhere").attr('checked', false);
}
}
)
var agreements = function()
{
if ($("#original_designer").is(":checked") && $
("#original").is(":checked") && $
("#not_selling_elsewhere").is(":checked"))
{
$("#submit").fadeIn("fast");
}
else
{
$("#submit").fadeOut("fast");
}
}
$("#original_designer").bind("change click", agreements)
$("#original").bind("change click", agreements)
$("#not_selling_elsewhere").bind("change click", agreements)
}
);