JQuery UI тег не стилизуется как кнопка в Firefox и IE - PullRequest
Новая
       1

JQuery UI тег не стилизуется как кнопка в Firefox и IE

1 голос
/ 31 января 2011

У меня странная проблема с попыткой стилизовать ссылку как кнопку пользовательского интерфейса JQuery.Он отображается как кнопка в 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>

Ответы [ 2 ]

3 голосов
/ 31 января 2011

Похоже, что в вашем элементе ссылки CSS легко пропустить опечатку.Атрибут type должен быть text/css, а не test/css.

. x и s очень близки друг к другу. 

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

Хотя Chrome адаптирован,другие браузеры более строгие с их синтаксисом.Chrome следует принципу Robustness .

Наконец, порядок загрузки CSS или JavaScript не имеет значения.Тег ссылки может быть до или после элементов скрипта.

0 голосов
/ 31 января 2011

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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...