Jquery ui JQuery UI在Firefox和IE中不是按钮样式的标签_Jquery Ui_Firefox

Jquery ui JQuery UI在Firefox和IE中不是按钮样式的标签

jquery-ui firefox

Jquery ui JQuery UI在Firefox和IE中不是按钮样式的标签,jquery-ui,firefox,Jquery Ui,Firefox,我在尝试将链接样式设置为jQueryUI按钮时遇到了一个奇怪的问题。它在Chrome中显示为一个按钮，在Firefox和IE8中显示为一个链接 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascrip

我在尝试将链接样式设置为jQueryUI按钮时遇到了一个奇怪的问题。它在Chrome中显示为一个按钮，在Firefox和IE8中显示为一个链接

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <script type="text/javascript" src="script/jquery-1.4.2.js"></script>
    <script type="text/javascript" src="script/jquery-ui-1.8.9.custom.min.js"></script>
    <link rel="stylesheet" type="test/css" href="stylesheet/jquery-ui-1.8.9.custom.css">
    <link rel="stylesheet" type="text/css" href="stylesheet/styles.css">
    <script type="text/javascript">
        $(document).ready(function(){
            $("a").button();
        });
    </script>
    <title>Introduction</title>
</head>
<body class="indexbody">
    <div class="indexwrapper">
        <div id="introduction">        
            <div class="btn">
                <a href="test.html" >link</a>
            </div>
        </div>
    </div>
</body>
</html>


$（文档）.ready（函数（）{
$（“a”）.button（）；
});
介绍

CSS首先是JS包含，这将解决您的问题

<link rel="stylesheet" type="test/css" href="stylesheet/jquery-ui-1.8.9.custom.css">
<link rel="stylesheet" type="text/css" href="stylesheet/styles.css">
<script type="text/javascript" src="script/jquery-1.4.2.js"></script>
<script type="text/javascript" src="script/jquery-ui-1.8.9.custom.min.js"></script>

看起来您的CSS链接元素中有一个容易遗漏的输入错误。type属性应该是

text/css

，而不是

test/css

和

非常接近

<link rel="stylesheet" type="text/css" 
    href="stylesheet/jquery-ui-1.8.9.custom.css">

虽然Chrome已经适应，但其他浏览器对语法要求更严格。铬的颜色与颜色一致

最后，加载CSS或JavaScript的顺序似乎并不重要。链接标记可以出现在脚本元素之前或之后。

Firebug的结果是什么？您看到在class属性上设置的UI值了吗？到目前为止你试过什么？用Tom Cruise的名言“Help me Help you”。Firefox:class=“ui button ui widget ui state default ui corner all ui button text only”Chrome:class=“ui button ui widget ui state default ui corner all ui button text only”生成的HTML在Firefox和Chrome中是相同的。在IE中没有应用ui-*类。在Chrome中，我看到一个绿色按钮（正如预期的那样）。在Firefox和IE中，我看到了一个链接。我想确认一下，在Firefox中，你确实看到了应用于HTML的类属性，但这些样式只是没有在浏览器中呈现？如果是这样，我也看到了同样的事情。奇怪的是，实际的CSS没有出现在CSS选项卡中。你能确认CSS出现在你的网络标签上吗？我想这可能是CSS文件中的错误。是的，我可以看到应用的样式属性，但它在Firefox中不是作为按钮呈现的。文件似乎没问题。。。是的，我在网络日志中也看不到样式文件（Firefox）在Chrome中我可以在Resources@Andrew-不客气。很遗憾Firebug没有找到这样的东西并报告。我的Firefox扩展HTML验证程序也没有抱怨。我可能会试试这个HTML验证程序，谢谢你的提示。我真的需要注意我的打字错误：）令人印象深刻的是，Chrome处理了这种类型，而其他类型都失败了。我通常先在Firefox上进行测试，然后在IE上进行测试，最后在Chrome上进行测试，我想我现在会坚持这个顺序。@Andrew-我的开发团队遵循这种方法。我们都喜欢Chrome，但发现如果我们先在IE和Firefox中进行测试，就更容易及早发现问题。另一方面，我也看到一些bug在Chrome中出现，但在Firefox或IE中却没有。