Hello all, I wonder if anyone can shed some light on my problem.
I am updating a site that uses the simplemodal plug in (http:// www.ericmmartin.com/projects/simplemodal/) to create a lightbox-esque effect when opening included php files. Now then, the plug-in uses a function that is called when the item in the DOM is clicked: $('#__SELECTED_ELEMENT__:eq(0)').click(function (e) { e.preventDefault(); $.get("__FILE.PHP__", function(data){ $(data).modal({ close: false, overlayId: 'modalOverlay', containerId: 'miniProteanContainer', onOpen: site_terms.open, onClose: site_terms.close }); }); }); Essentially, I want this function to run as soon at the document is loaded. I have tried: 1. Seeing if I could change the event type to LOAD (thinking I would be tricky and bypass the whole click) and I can only change the event type to hover. 2. Setting this function in the $(document).ready(function(){} at the root, assuming the function would run after the document was loaded. (see the following example) $(document).ready(function(e){ e.preventDefault(); $.get("__FILE.PHP__", function(data){ $(data).modal({ close: false, overlayId: 'modalOverlay', containerId: 'miniProteanContainer', onOpen: site_terms.open, onClose: site_terms.close }); }); }); Has anyone else encountered this? Any recommendations on how I should attack the problem? Thanks, Domanique