okay, I've figured this out. the problem I was having was a
combination of 1) ie's $(element).change() event doesn't fire until
after the element looses focus (i use click() instead) and 2)
refreshing ie doesn't always refresh the page, there's some funky
caching going on so the changes I had made weren't showing up.
On Dec 16, 10:14 am, davidgregan <davidgre...@gmail.com> wrote:
> I'd like to add that I can't even access the new DOM elements in IE in
> the $.get() callback function, but I can in firefox. it's like IE
> doesn't insert the new HTML into the dom until after the callback is
> executed. that sucks! ;P
>
> On Dec 16, 9:42 am, davidgregan <davidgre...@gmail.com> wrote:
>
> > sorry, I may have oversimplified my example above, replace alert
> > ("content Loaded"); with this:
>
> > $("#childInput").change(function()
> > {
> > alert("input changed!");
>
> > });
>
> > so I want to add an event to a DOM element in the loaded page so the
> > DOM has to be ready before I can execute the code. The method you
> > suggest will work fine for alerts, but it doesn't seem to work for
> > adding events like above, at least not in IE.
>
> > Thanks.
>
> > On Dec 16, 9:33 am, rernens <robert.ern...@look2bookonline.com> wrote:
>
> > > There is no need to run $(document).ready when loading a page with
> > > ajax using
> > > jQuery. The scripts contained in the loaded content are automatically
> > > evaluated after the load has been successfull. You should insert at
> > > the end of the document you are loading
> > > <script type="text/javascript">
> > > alert("content loaded")
> > > </script>
>
> > > It will work flawlessly in both browsers.
>
> > > On 16 déc, 17:13, davidgregan <davidgre...@gmail.com> wrote:
>
> > > > I'm using a $.get call to get the contents for a dialog box and I'm
> > > > trying to run the $(document).ready on the ajax return like so:
>
> > > > parentPage.html:
> > > > $.get('desiredContent.html',function(data){
> > > > $("#dialogBoxDiv").html(data);
> > > > $("#dialogBoxDiv").dialog('open');
>
> > > > }
>
> > > > desiredContent.html:
> > > > $(document).ready(function() {
> > > > alert("content loaded!");
>
> > > > });
>
> > > > this works fine for firefox, but ie won't run the $(document).ready()
> > > > function on the desiredContent page. Is there a way to do this that
> > > > will work in both firefox and ie?
>
> > > > Thanks!
