В моем приложении rails 3.1 я показываю простой диалог jquery-ui, в котором кнопка закрытия и ручка размера не помещаются (см. Скриншоты ниже).
Код:
html:
<p id="dialog">Hello</p>
JS:
$(function() {
$("#dialog").dialog();
});
Очень простая вещь :) И вот результаты, которые я получаю:
Screenshot1
Снимок экрана2 (с зажатой кнопкой закрытия)
Обратите внимание, что на кнопке закрытия на обоих из них выпрыгнула линия ниже, как и размер захвата.
Я использовал ThemeRoller для создания темы Overcast.Я скачал только темы css + images, потому что в rails уже есть последние библиотеки jquery и jquery-ui.
Я проверил версии и они:
jQuery: 1.7.1
jQuery-UI: 1.8.16
jquery-ui-1.8.18.custom.css (тема css): 1.8.18
При загрузке файла темы мне было предложено два варианта: тема для jquery 1.3.2 и для 1.3.2+.У меня 1.7.1, поэтому я скачал второй.
Также один интересный факт заключается в том, что в моем старом проекте у меня почти такая же настройка, за исключением того, что я использую тему с css версии 1.8.14 и кнопки на месте!
Я знаю, что могу переключиться на использование этой темы, но тогда у меня нет возможности создавать темы с ThemeRoller!Что я действительно хотел бы.Я проверил некоторые другие темы, но результат был тот же - неуместные кнопки закрытия и размерной ручки.
Любая подсказка была бы действительно крутой!:)