jQuery UI Button在IE 7上不起作用

Question

我有以下代码：

<script type="text/javascript" src="<?=$path?>common/_LIB/3rd/jquery/jquery-ui-1.8.16/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="<?=$path?>common/_LIB/3rd/jquery/jquery-ui-1.8.16/js/jquery-ui-1.8.16.custom.min.js"></script>
<link type="text/css" href="<?=$path?>common/_LIB/3rd/jquery/jquery-ui-1.8.16/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />

<script>
    $(function() {
            $('.button,.button floatRight').button();
    });
</script>

和

<a class="button floatRight" href="handset_list.php"><?=$reprint?></a>

而且在Chrome和FF，IE 9上一切正常，但是在IE 8和IE 7上，我看不到上面链接的按钮。

Answer 1

您在jQuery选择器中的代码中有错误。 没有名为“ floatRight”的标签名称。 尝试这个：

$('.button').button();

Answer 2

尝试以下代码：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

Answer 3

你可能是说

$(function() {
        $('.button,.button floatRight').button();
});

tag属性中的空格表示有两个类。 在您的情况下，您尝试定位的按钮具有两个类： button和floatRight 。 因此有两个点。

编辑：
我发现了其他东西：函数$("#something").button(); 多次调用$.data 。 根据caniuse.com的说法，IE仅部分支持属性中的自定义数据，因此，它可能无法像jQuery UI开发人员所认为的那样在IE 7中.button()对$.data的多次调用使我认为.button()函数有点依赖它（但是我还不太了解，我只是看了一眼）。 如果是这样，那可能是原因。 如果您确实需要IE 7支持，我建议您使用IE 7是最常用的IE时发布的jQuery UI构建，尽管它可能不支持您现在使用的所有功能。 我想说的只是让IE 7用户看到一个锚点。 锚有什么不好的呢？