2013-04-05 1 views
0

Я использую следующее решение для работы с некоторыми вопросами кросс-браузерных у меня был:Как использовать div, который имеет стили css с префиксом браузера в имени в toggleClass?

Cross Browser Fix

В моем CSS, используя выше решение, у меня есть что-то вроде:

.some_class { 
     margin-left: 40px; 
} 
.win.ie some_class { 
     margin-left: 100px; 
} 

win.ie some_class используется только для Windows только для IE.

Теперь, в другом месте в моем коде с помощью JavaScript Я использую следующий:

$("#someid").toggleClass("some_class"); 

Что мне нужно сделать сейчас, чтобы использовать .win.ie some_class в указанном выше JS фрагменте кода. Как мне это сделать?

Я попытался сделать:

$("#someid").toggleClass(".win.ie some_class"); 

Но это просто добавляет, что к реальному классу в HTML. Можно ли сделать то, что я пытаюсь сделать здесь?

+1

Как правило, если вам нужно 60 пикселей дополнительного поля в IE только для Windows, вы делаете что-то серьезно неправильно в разметке? В качестве связующего, плагин, на который вы ссылаетесь, был выпущен в 2006 году. – adeneo

+0

@adeneo, я просто использовал приведенный выше материал css в качестве примера. Я понимаю, что это с 2006 года, но он отлично подходит для проектов, в которых я их использовал. – starbucks

+1

Даже если код работает, используя старый код и особенно для браунинга (который вы вообще не должны делать), это вызовет только проблемы, но сделайте все, что вам нравится? – adeneo

ответ

0

Во-первых, давайте исправим CSS, то some_class отсутствует точка:

.win.ie .some_class { 
    margin-left: 100px; 
} 

Во-вторых, сфера находку на toggleClass вместо фактического класса:

$(".win.ie #someid").toggleClass("some_class"); 
1

Это не относится CSS:

.win.ie some_class { 
     margin-left: 100px; 
} 

Попробуйте это:

.win.ie.some_class 

который применит стили к элементам с классами win, ie и some_class. Или:

.win.ie .some_class 

Если some_class элемент является дочерним элементом с win и ie классов.

+0

Спасибо. Но в ссылке, которую я разместил выше, так оно и есть. – starbucks

+0

Это неправда. Только простые элементы html, такие как 'div' или' header', могут использоваться селекторами без предшествующих '.' для классов или' # 'для div. – bookcasey

+0

Они, похоже, работают на меня. Это только тот, где я не могу понять. – starbucks

Смежные вопросы