Установка значения false для текста кнопок пользовательского интерфейса jQuery в Safari на Mac OS X 10.5 не работает - PullRequest
0 голосов
/ 12 мая 2011

Я создаю HTML-меню и использую пользовательский интерфейс jQuery для форматирования кнопок. Я хочу создать кнопку только для значка. Все отлично работает для IE 9, Chrome и Safari в Windows 7. Он также работает для Chrome в OS X, но не Safari в OS X.

На странице есть взаимодействие с картой Google. Если я не создаю карту, меню будет правильно отображаться с помощью кнопки «только значок». Но если я создаю карту, меню исчезает.

Ошибка возникает, когда для свойства текста кнопок установлено значение false. Я пытался сделать это 2 способами

(1)

$("#zoomIn").button({ icons: { primary: 'ui-icon-zoomin' }, text: false });

(2) * * 1 010

$("#zoomIn").button({ icons: { primary: 'ui-icon-zoomin' } });
$("#zoomIn").button("option", "text", false);

Если я не установил это свойство, меню отображается правильно, но в кнопке есть текст.

HTML-код для кнопки

<button id="zoomIn">xxx</button>

Я включаю следующие файлы (они находятся на демонстрационной странице пользовательского интерфейса jQuery)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript"></script> 
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script> 

Я попытался включить локальные копии библиотек jQuery.

Я озадачен этим. Надеюсь, кто-то еще столкнулся с этой проблемой и решил ее. Любая помощь очень ценится.

1 Ответ

0 голосов
/ 13 мая 2011

Наконец выследил проблему.

Я использую таблицу стилей пользовательского интерфейса jQuery, в которой есть стиль

.ui-button-icon-only .ui-button-text, .ui-button-icons-only 
.ui-button-text { padding: .4em; text-indent: -9999999px; }

установка отступа текста на -999px; решает проблему.

...