Конфликт темы пользовательского интерфейса jQuery: SlickGrid и вкладки пользовательского интерфейса jQuery

Я пытаюсь применить этот пример SlickGrid:

http://mleibman.github.com/SlickGrid/examples/example4- model.html

в мой собственный веб-проект.

Когда я помещаю свою сетку в верхнюю часть страницы, она отображается правильно. Однако, когда я помещаю его на вкладку jQuery UI Tabs на той же странице, спрайт CSS, который отображает изображение поиска, смещается неправильно.

The Problem

Иконка визуализируется с помощью


Похоже, что вкладки пользовательского интерфейса jQuery также используют одни и те же классы CSS, и, конечно же, возникает конфликт.

Глядя на действующие стили в IE9, элемент управления за пределами вкладок пользовательского интерфейса jQuery, который отображается правильно, выглядит следующим образом:

Correct styles

Элемент управления, который отображается неправильно, выглядит следующим образом:

Wrong styles

Итог

Размещение SlickGrid в Вкладка jQueryUI приводит к потере класса ui-icon-searchи, следовательно, к установке неправильного background-position-x/y.

Почему этот класс теряется и как решить эту проблему?

5
задан VividD 22 January 2014 в 16:13
поделиться