Кнопка jQuery не отображается как кнопка jQuery на странице с вкладками - PullRequest
0 голосов
/ 01 июля 2011

У меня есть кнопка на странице вкладки jQuery, объявленная так:

<input id="buttonSave" type="submit" value="Save" />

У меня также есть скрипт ниже:

$('#buttonSave').button();
$("#buttonSave").live('click', function () {
    alert('Button clicked');
});

Когда кнопка нажата, у меня есть сообщение«Кнопка нажата».Это нормально.Но кнопка не выглядит как кнопка jQuery.

Есть идеи?

Для ясности, я добавляю сюда несколько скриншотов.

Ниже вы можете видеть мою страницу со страницей с вкладками внизу.

enter image description here

Я запускаю приведенный ниже скрипт для отображения моих кнопок в виде кнопок jQuery:

$(":button").button();

Этот скрипт обновляет мою страницу, как показано ниже:

enter image description here

Как видите, только кнопка, расположенная на главной странице, отображается как jQuery.Другие кнопки (расположенные на странице с вкладками) отображаются неправильно.

Ответы [ 5 ]

0 голосов
/ 02 июля 2011

Проверяли ли вы все элементы dom, прежде чем пытались преобразовать их в стиль пользовательского интерфейса jquery?

// Document ready
$(function()
{
    $(":button").button();
}
0 голосов
/ 01 июля 2011

Попробуйте: измените функцию live на bind.Если вы не видите сообщение «Нажатие кнопки», попробуйте поставить скрипт после HTML-кода.

0 голосов
/ 01 июля 2011

Вы уверены, что включили библиотеку jqueryUI и соответствующий файл css?

В противном случае ваша кнопка не будет стилизована.

<link rel="stylesheet" href="YOUR-PATH_HERE/jquery-ui-1.7.1.custom.css" type="text/css" media="screen" title="no title" charset="utf-8" />
0 голосов
/ 01 июля 2011

Убедитесь, что вы правильно связали CSS-файлы JQuery. Пример:

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

Удачи:)

0 голосов
/ 01 июля 2011

Возможно, вы забыли включить файл CSS для пользовательского интерфейса jQuery в разметку html-страницы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...