jquery UI 按钮在 IE8 中单击时崩溃(仅限)



>我正在使用带有以下HTML的jquery UI按钮

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4
/strict.dtd">
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
<link type="text/css" rel="stylesheet"  href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/dot-luv/jquery-ui.css"/>
<script type="text/javascript">
$(document).ready(function(){
$('.save,.cancel').button();
});
</script>
</head>
<body>
<ol><li>
<div> 
<a class="save">Save</a>
<a class="cancel">cancel</a>
</div>
</li></ol>
</body>
</html>

单击保存或取消IE8(甚至不是IE7)崩溃并显示以下错误

res://ieframe.dll/acr_error.htm#

但是,它适用于以下html

<div> 
<a class="save">Save</a>
<a class="cancel">cancel</a>
</div>

<ol><li>
<a class="save">Save</a>
<a class="cancel">cancel</a>
</li></ol>

我,正在窗口7中测试它,为之疯狂,任何帮助不胜感激,谢谢

更新:这修复了它

<ol><li>
<div style="display:inline-block;" >
<a class="save" href="#" onclick="return false;" >Save</a>
<a class="cancel" href="#" onclick="return false;" >cancel</a>
</div>
</li></ol>

故事的寓意:IE的r废话

为什么你的链接周围有一个div?

我认为在这里您应该尝试取消来自 HTML 的点击。 另外,放置一个 href=" 或 href="#" 标签。要取消点击,请使用

<a href="#" onclick="return false;" class="save"></a>

可能会解决问题。

最新更新