Question

I have a simple HTML page that looks like this:

...<div id="main">     <a href="#">Click here!</a> </div>... 

I have a piece of jQuery JavaScript in the header that looks like this:

   <script type="text/javascript">     $(document).ready(function() {         DoHello();     });          function DoHello()     {            $("div#main a").text("Click here!");         $("div#main a").attr("onmouseup", "javascript:alert('Hello!');");     } </script> 

When I click the HTML link in FireFox then I get an alert that says ‘Hello!’. Why does this not work in IE7/8?

When I look at the (dynamically) build DOM in IE then I can see the onmouseup is present but it is never called. I have tried replacing onmouseup with onclick – same problem…

Answer 1

You shouldn’t be using the JavaScript pseudo protocol for anything.

This should work:

function DoHello() {        $('div#main a')         .text('Click here!')         .mouseup(function(){              alert('Hello!');         }); }