jQuery несколько тем на одной странице

Question

jQuery несколько тем на одной странице

Это сводит меня с ума! Я следовал сообщению здесь, которое просто, кажется, не работает: http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/

У меня есть основная тема для пользы в качестве примера, это - тема Гладкости из галереи UI jQuery. Затем у меня есть 'красная' тема, которая в основном окрашивает кнопки в красный. Вот тема, которую я создал.

Таким образом, я иду для загрузки моей темы. Выберите Расширенные настройки, установите объем на 'красный' и мое имя папки темы к 'красному' и загрузке. В первую очередь, я на не полностью 100% уверен, какую папку я должен скопировать в свой проект, это папка 'разработки-bundle\themes' (который содержит мою красную папку), или '\css\red 'папка?

Я попробовал обоих. Сообщение выше, кажется, предлагает, если я скопирую свою папку тем и ссылку на мою тему в CSS, то это будет работать, когда я добавлю класс 'красного' цвета отделению обертки или элементу. Таким образом, я связал темы как так в моем файле:

Основные загрузки темы и работы весь белый doorey, но красная тема не делают. Мне разработали кнопку как так:

Я также попробовал:

Никакая работа. Когда я удаляю 'themes/base/jquery.ui.all.css'' ссылку файла CSS, кнопка не разрабатывается вообще. Сумасшедший! Я вытаскиваю волосы. Где я иду не так, как надо? Конечно, они должны просто помочь достаточно, чтобы загрузить ПРОСТО папку темы и сослаться на ui.all файл.

6

jquery jquery-ui themes themeroller

задан lloydphillips 1 June 2010 в 00:43

1 ответ

Другие вопросы по тегам:

jquery jquery-ui themes themeroller

Похожие вопросы:

score 0 · Answer 1

Скодеры правы.

Вы должны использовать идентификатор элемента, класс или тэг в нотации JQuery.

Для класса: .class
Для идентификатора: #id
Для тэга: table

Вам лучше выбрать способ класса, поскольку он не просто более стильный, чем другие, но гораздо более удобен (его можно использовать для нескольких объектов), и вы не испортите какие-либо элементы макета, такие как div или таблицы. В конце концов, область видимости css добавляет указанное значение к каждому определению css. т.е.

.ui-icon { ... }

становится

.scope .ui-icon { ... }

Изменить: Убедитесь, что вы включили правильную таблицу стилей, у меня все работает со следующим кодом

<html>
    <head>
        <title>JQuery UI Theme Scope</title>
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.1.custom.min.js"></script>
        <link type="text/css" href="css/red/jquery-ui-1.8.1.custom.css" rel="stylesheet" />
        <link type="text/css" href="css/default/jquery-ui-1.8.1.default.css" rel="stylesheet" />
    </head>
    <body>
        <input type="submit" class="ui-state-default ui-corner-all" value="Submit" />
        <div class="red">
            <input type="submit" class="ui-state-default ui-corner-all" value="Submit" />
        </div>
    </body>
</html>

Не связывайтесь с таблицей стилей в каталоге "developement-bundle", используйте тот вместо этого в каталоге "css".