为什么这段代码在 IE 中不起作用?我应该怎么做才能使其正常工作?以下代码在 Firefox、Chrome 和 Opera 中生成预期的 jQueryUI 模态弹出对话框。但是,它在 Internet Explorer 中失败。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>
<body>
<script language="JavaScript">
$(document).ready(function() {
console.log( "ready!" );
$("#link1").on("click", function(e) {
var link = this;
e.preventDefault();
$("<div>Are you sure you want to continue?</div>").dialog({
buttons: {
"Ok": function() {
window.location = link.href;
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
});
});
</script>
<a id="link1" href=http://google.com>test link</a>
</body>
</html>