Internet Explorer Incompatibility - page just show

问题:

When I click on a URL with the link "javascript:$('#dialog-modal').dialog('open');" in Chrome and FF my Jquery dialog loads. In Internet explorer 8 the page source disappears and is replaced with "[object Object]" .. WTH?

回答1:

The problem is IE8 expects you to do something with the click event. The below code works and has been tested in Firefox, chrome, IE8. Notice you need the void(0) to make it work.

   <a class="dialogBtn" href="javascript:$('#layer1').hide();void(0);" style="text-decoration:none;color:#FFF">OK</a>

Or you can use this syntax:

   <a class="dialogBtn" href="javascript:void(0);" onclick="$('#layer1').hide();" style="text-decoration:none;color:#FFF">OK</a>

回答2:

In Internet Explodezor JQuery doesnt seem to work via hyperlinks. Therefore I encapsulated this inside a function and just called the function.

Edit: Seriously whyyy do I have to wait 2 days to accept my own answer....