Кнопка привязки Jquery не применяет CSS в ASP .net - PullRequest
Новая
       12

Кнопка привязки Jquery не применяет CSS в ASP .net

0 голосов
/ 03 октября 2011

все, я следую примеру кнопки пользовательского интерфейса Jquery и перевел html-код на asp.net

следующим образом 

enter code here
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>
<html>
<head runat="server">
<title></title>
<link rel="Stylesheet" type="text/css" href="CSS/jquery.ui.all.css" />
<script type="text/javascript" src="Script/jquery-1.6.2.js"></script>
<script type="text/javascript" src="Script/jquery.ui.button.js"></script>
<script type="text/javascript" src="Script/jquery.ui.core.js"></script>
<script type="text/javascript" src="Script/jquery.ui.widget.js"></script>
</head>
<body>
<form runat="server">
<div class="demo">
    <a href="#" class="demo">An anchor</a>
</div>
</form>
<script type="text/javascript">
    $(function () {
        $("a", ".demo").button();
        $("a", ".demo").click(function () { return false; });
    });
</script>
</body>
</html>

, однако css кнопки привязки не отображаетсячто означает, что якорь показывает ссылку так же, как и раньше, никто не знает, почему это происходит?

Ответы [ 2 ]

0 голосов
/ 03 октября 2011

Сначала используйте Chrome или Firefox с Firebug.Сохраните свою страницу без JavaScript, откройте консоль и вставьте

$("a", ".demo")

Просто убедитесь, что ничего не случилось на самом деле и что селектор возвращает нужный элемент.Если это не работает, убедитесь, что на ваш jQuery правильно ссылаются.

После этого вставьте

$("a", ".demo").button();

Теперь проверьте элемент ссылки в инспекторе и проверьте, чтоDOM был изменен (теперь он должен быть span в a в div).На данный момент, если это не удалось, дважды проверьте ваши ссылки на jQueryUI.

Если это сработало, но не показывает должным образом, ваш CSS не ссылаются правильно.

Редактировать на основе комментария

Ваши ссылки на JS расположены в неправильном порядке.Ядро должно идти первым, потом виджет, потом кнопка.В противном случае каждый файл пытается использовать функции, которые еще не существуют.

Лучшим способом было бы просто сослаться на jQueryUI из CDN (больше, но, скорее всего, будет кешироваться) или создать собственный файл jQueryUI с сайта.вместо того, чтобы включать отдельные файлы, таким образом, вы не получите эти проблемы.

0 голосов
/ 03 октября 2011

Может быть, это должно быть: 

$(function () {
    $("a.demo").button();
    $("a.demo").click(function () { return false; });
});
...