Как я могу изменить стиль кнопки?

Question

На странице я пытаюсь заставить кнопки вверху страницы становиться квадратными и голубоватыми. Для этого есть файл jQuery, но по какой-то причине он не работает. Вот следующий код:

 $(document).ready(function() {
$("button").button();
 });

И файлы jQuery:

<script src="/jquery_custom/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="/jquery_custom/js/jquery-ui-1.8.7.custom.min.js" type="text/javascript"></script>
<link href="/jquery_custom/css/style.css" rel="stylesheet" type="text/css" />
<link href="/jquery_custom/css/fc-blue/jquery-ui-1.8.7.custom.css" rel="stylesheet" type="text/css" />

Слева вид, который я пытаюсь получить, но я продолжаю получать стандартную кнопку справа. Что я делаю неправильно? (Также указаны правильные пути к файлам)

Answer 1

В зависимости от разметки того, как вы определяете кнопку, селектор может быть:

$("button").button();

или

$("input:submit").button()

Можете ли вы показать нам, какую разметку вы использовали для добавления кнопок?

Только что проверил источник вашей страницы.

У вас есть пользовательский пакет jQueryUI.Вы уверены, что включили виджет кнопки в нем?

Если вы проверите ошибки страницы, вы увидите

Error: $("button").button is not a function
Source File: http://friendsconnect.org/scrapbook-booth/
Line: 25

Что означает javascript, метод определения кнопки () не был загружен.Убедитесь, что ваш пользовательский пакет содержит виджет кнопки.

У вас неправильно написана функция запуска.Замените ваш сценарий следующим:

$(function () {
    $("button").button();
    $("#radio").buttonset();
    $("input:button").button();
    $("textarea").elastic();

    // Start FriendsConnect rounded corners
    settings = {
        tl: { radius: 5 },
        tr: { radius: 5 },
        bl: { radius: 5 },
        br: { radius: 5 },
        antiAlias: true,
        autoPad: false,
        validTags: ["div"]
    }
    $('#search-main').corner(settings);
    $('#infobox_right').corner(settings);
    // End FriendsConnect rounded corners
  });

Теперь у вас есть

$(document).ready(function(){
    //Some code
    $(function(){
        //other code
    });
});

$(document).ready(function(){}) и $(function(){}) одинаковые и могут только (исправление: было бы хорошо, если бы только)появляются один раз на странице