This is all happening in ie9 and using jQuery 1.4.3 (yes, I know its old; I'm stuck with it for now)
I've used jQuery.ajax() to read some html from a file on the server and store it in a variable called data.
Then I create a jQuery object as follows:
view = jQuery(data);
Then I add it to my page:
bod = jQuery('body');
bod.append(view);
It appears but I am unable to highlight/select anything on the page, regardless if I added as I've just described OR if it was hard coded into the html.
I haven't the faintest idea why.
If I do NOT do bod.append(view) the text hard coded into the html IS highlightable/selectable.
Again, I haven't the faintest idea why.
Here's the absolutely bizarre part. If I open IE developer tools and pin/unpin it to the browser window then everything is highlightable/selectable again - the stuff that was hard coded into the html and the stuff i added via jQuery.
I need everything on the page to be highlightable/selectable (position the mouse pointer, left click and drag to right OR left click and drag to left) as soon as the page renders.
Has anyone faced anything remotely similar to this and what did you do?