Значки кнопок пользовательского интерфейса JQuery не отображаются

Question

Я пытаюсь применить значок к кнопке в стиле пользовательского интерфейса jquery в моем приложении Rails. Кнопка стилизована правильно, но я просто не могу отобразить значки! Может ли кто-нибудь дать мне какие-либо предложения - я вырываю волосы!

Я сделал следующее:
1) Скопировал файлы javascript (jquery-1.4.2.min.js и jquery-ui-1.8.2.custom.min.js) в public / javascripts
2) Скопировал весь каталог темы плавности в public / css
3) Добавил следующий код в мой файл макета, чтобы включить соответствующие файлы:

<%=stylesheet_link_tag 'smoothness/jquery-ui-1.8.2.custom', :media => 'screen, projection'%>
<%=javascript_include_tag 'jquery-1.4.2.min', 'jquery-ui-1.8.2.custom.min', 'application'%>

4) Добавлен класс 'save' для кнопки, которую я хочу оформить:

<%= submit_tag 'Save Changes', :class => 'save' %>

5) В файл application.js добавлено следующее:

$(document).ready(function() {
    $(".save").button( { icons: {primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'} } );
});

(Пока я не заработал, код на шаге 5 копируется и вставляется из документов - я только что изменил селектор)

Кнопка выбирает стиль темы - но мне не везет, когда появляются значки - пропустил ли я шаг?

Большое спасибо,
Ash

Answer 1

Я не знаю, есть ли ошибка в пользовательском интерфейсе jQuery для преобразования элементов input type="submit" в кнопки пользовательского интерфейса jQuery, но когда я изменил разметку для отображения элемента <button> вместо <input type="submit" .../>, это сработало :

<button type="submit" class="save">Save Changes</button>

Конечно, я только что сделал это со статическим HTML, а не с Ruby on Rails. Честно говоря, я разработчик C # / ASP.NET MVC, поэтому я не уверен, что вы можете визуализировать элемент кнопки, используя RoR. Если вы можете, может быть, это направление на данный момент, если это ошибка пользовательского интерфейса jQuery.

Мне удалось воссоздать проблему со статическим HTML с помощью элемента ввода input. Это сработало, как только я переключился на HTML <button> control.

Надеюсь, это поможет!

Answer 2

У меня была похожая проблема в проекте JSF / Facelets с использованием пользовательского интерфейса JQuery.Оказывается, мне нужно было скопировать все файлы изображений, на которые ссылается CSS UI JQuery, в каталог с именем «images» как подкаталог каталога, в который я поместил файл CSS UI JQuery.http://code.google.com/p/jquery-ui/source/browse/branches/labs/assets/theme/images