Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> jquery buttons, jquery buttons 
:(
    Опции темы
нуп
Дата 10.9.2011, 14:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33



На страницу подгружаются несколько разных тем для jquery ui
Код

@import url("ok-green/jquery-ui-1.8.16.custom.css");
@import url("ok-grey/jquery-ui-1.8.16.custom.css");

Создаю несколько кнопок в табе
Код

<div id="tabs" class="ok-green">
....
<button id="btn1">sasdadasa</button>
<button id="btn2">sasdadasa</button>
...
</div>

Делаю вызов
Код

$('#tabs').tabs();
('#btn1').addClass('ok-grey');
('#btn2').addClass('ok-grey');

В итоге получаю, что все кнопки с зеленой темой, хотя надо с серой. 

Подскажите как правильно динамически менять темы для каждого элемента.

Присоединённый файл ( Кол-во скачиваний: 6 )
Присоединённый файл  test.jpg 8,18 Kb
PM MAIL   Вверх
нуп
Дата 10.9.2011, 23:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33



Если нету вложенности стилей, то всё работает. А как быть если родительском диве 1-н стиль jquery, а кнопки внутри него другой?! 
PM MAIL   Вверх
Gold Dragon
Дата 12.9.2011, 07:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71



а при чём тут вложенность стилей? У тебя есть ID элемента и есть имя класса. Получатся чёткая адресация.. Может проблема в том что у тебя $ не стоит?


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
нуп
Дата 12.9.2011, 11:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33



Та не, то копипаст кривой. 
PM MAIL   Вверх
mcTep
Дата 13.9.2011, 18:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 203
Регистрация: 25.2.2009

Репутация: нет
Всего: 6



Что значит нету вложенности стилей?
PM MAIL   Вверх
Gold Dragon
Дата 13.9.2011, 18:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71



mcTep, а что значит вложенность стилей?


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
mcTep
Дата 13.9.2011, 18:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 203
Регистрация: 25.2.2009

Репутация: нет
Всего: 6



Ну я это понимаю как использование @import. 
И если я это правильно понимаю, то значит они подключаются через тег link. Как тогда выглядит такое подключение? Может важен порядок?

Еще можно воспринимать это как использование двух css файлов в целом. Вложенность есть -- подключены грей и грин, нету -- только грей.
Еще можно как вложенность самих элементов.

В любом случае можно посмотреть в фаербаге как стили подключаются, как они применяются к элементам и перекрывают ли они друг друга.

PM MAIL   Вверх
нуп
Дата 13.9.2011, 20:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33



Задача такова: задать диву с кнопками 1-н стиль, и в этом диве выборочно для кнопки подключить другой. Пример
Код

<div class="ok-green">
    <button>btn1</button> // кнопка со стилем ok-green
    <button class="ok-grey">btn2</button> // тоже со стилем ok-green, хотя как бы я не прописывал(добавлял в див), никак не могу убрать родительский стиль
</div>

Если я не буду задавать родительский стиль для всех кнопок, то всё работает. Но этот вариант не подходит.

Это сообщение отредактировал(а) нуп - 13.9.2011, 20:29
PM MAIL   Вверх
Gold Dragon
Дата 14.9.2011, 06:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71



нуп, вообще-то addClass() добавляет класс, а не меняет стиль smile 


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
нуп
Дата 14.9.2011, 12:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33



В том то и дело, что не меняет. Фаербаг показывает для всех кнопок такой стиль
Код

.ok-green .ui-state-default, .ok-green .ui-widget-content .ui-state-default, .ok-green .ui-widget-header .ui-state-default {
    background: url("images/ui-bg_glass_75_e0e0e0_1x400.png") repeat-x scroll 50% 50% #E0E0E0;
    border: 1px solid #D3D3D3;
    color: #313131;
    font-weight: bold;
}

Как же его сменить на grey?!

Это сообщение отредактировал(а) нуп - 14.9.2011, 12:48
PM MAIL   Вверх
Gold Dragon
Дата 14.9.2011, 15:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71



вот ты колготной smile Что ты пристал к классу? Не проще поменять сам стиль?
например так
Код

$("#btn1").css("color","#313131");


Это сообщение отредактировал(а) Gold Dragon - 14.9.2011, 15:09


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
нуп
Дата 14.9.2011, 15:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33



Не проще, стилей может быть много
PM MAIL   Вверх
Gold Dragon
Дата 14.9.2011, 15:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71



ну или побольше
Код

var cssGray = {
    "background" : "url(images/ui-bg_glass_75_e0e0e0_1x400.png) repeat-x scroll 50% 50% #E0E0E0",
    "border" : "1px solid #D3D3D3",
    "color" : "#313131",
    "font-weight" : "bold"
     }
$("#btn1").css(cssGray);



Добавлено через 7 минут и 25 секунд
ну или что-то такое...
$("#btn1").attr("class","ok-grey");


зы
нет возможности проверить.... smile

Это сообщение отредактировал(а) Gold Dragon - 14.9.2011, 15:14


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
нуп
Дата 14.9.2011, 16:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33



Пробовал и так, и удалял атрибут класс и ставил новый.  smile классы grey и green это отдельный темы для jquery ui(progressbar, dialog, button...)

Это сообщение отредактировал(а) нуп - 14.9.2011, 16:46
PM MAIL   Вверх
Gold Dragon
Дата 15.9.2011, 07:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71



нуп, прикрепи архив всего того что ты делаешь... Посмотрю что у тебя там... 


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




[ Время генерации скрипта: 0.0566 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.