Почему моя кнопка пользовательского интерфейса jQuery не работает, когда она определена с помощью селектора классов, но хорошо работает с селектором идентификаторов? - PullRequest
1 голос
/ 27 ноября 2010

У меня в документе две кнопки.

Одна определяется с помощью селектора идентификатора в моем коде jQuery:

<button id="reviewBtn" class="span-1">Review</button>

$("#reviewBtn").button({
    icons: {primary: "ui-icon-triangle-1-e"},
    text: false
});

Другая определяется с помощью селектора класса:

<button id="search_364489867" class="span-1 searchBtn search">Search</button>

$("button.search").button({
    icons: {    secondary: "ui-icon-triangle-1-e"},
    text: true
});

Кнопка, определенная с помощью селектора классов (button.search), не оформлена стилями пользовательского интерфейса jQuery, тогда как кнопка, определенная с помощью селектора идентификаторов (#reviewBtn), выглядит как ожидалось.

Можно ли определить кнопку с помощью селектора классов?

Если нет, то как мне определить ее с помощью динамически генерируемого значения идентификатора (search_364489867)?

1 Ответ

0 голосов
/ 27 ноября 2010

При отладке большую часть времени вы проверяете свои предположения.

Поэтому проверьте свои предположения: вместо вызова .button () используйте более простой метод, например,

$("button.search").slideUp(2000);

Если кнопка ничего не делает, ваш селектор, вероятно, ошибается.Если кнопка перемещается вверх, вы знаете, что ваш селектор прав, но вызов метода неправильный или не работает.

Затем проверьте свои предположения с помощью вызова метода и т. Д.

...