Я пытаюсь применить этот пример SlickGrid:
http://mleibman.github.com/SlickGrid/examples/example4- model.html
в мой собственный веб-проект.
Когда я помещаю свою сетку в верхнюю часть страницы, она отображается правильно. Однако, когда я помещаю его на вкладку jQuery UI Tabs на той же странице, спрайт CSS, который отображает изображение поиска, смещается неправильно.
Иконка визуализируется с помощью
Похоже, что вкладки пользовательского интерфейса jQuery также используют одни и те же классы CSS, и, конечно же, возникает конфликт.
Глядя на действующие стили в IE9, элемент управления за пределами вкладок пользовательского интерфейса jQuery, который отображается правильно, выглядит следующим образом:
Элемент управления, который отображается неправильно, выглядит следующим образом:
Итог
Размещение SlickGrid в Вкладка jQueryUI приводит к потере класса ui-icon-search
и, следовательно, к установке неправильного background-position-x/y
.
Почему этот класс теряется и как решить эту проблему?