JQuery: как добавить CSS наведения с помощью JQuery CSS?

Question

JQuery: как добавить CSS наведения с помощью JQuery CSS?

0

Я установил непрозрачность наведения в моем CSS,

.button-simple:hover {
    opacity:.70;
    filter:alpha(opacity=70);
    filter: "alpha(opacity=70)";
}

Но непрозрачность наведения не отображается после того, как у меня есть эта строка в моем коде,

$('input[type=submit]').attr('disabled', false).css({opacity:1,cursor:"pointer"});

Любая идея, что я могу сделать, чтобы добавить cover cover?

РЕДАКТИРОВАТЬ:

Причина, по которой я не могу использовать !important в моем CSS заключается в том, что у меня есть эта строка, чтобы сначала отключить кнопку отправки,

$('input[type=submit]',parent).attr('disabled', true).css({opacity:0.4,cursor:"default"});

Если я установил !important имеющее !important в моем CSS, эта отключенная кнопка будет эффектом наведения, который я не хочу.

laukok 21 окт. 2013, в 16:24

Источник

0

какой parent ??
Tushar Gupta - curioustushar 21 окт. 2013, в 14:00

Теги:

jquery

css

jquery-hover

jquery-1.9

4 ответа

1

Добавить !important переопределить встроенный jQuery.

.button-simple:hover {
    opacity:.70 !important;
    filter:alpha(opacity=70) !important;
    filter: "alpha(opacity=70)" !important;
}

Редактировать:

В свете последнего редактирования "элегантным" решением будет:

.button-simple.active:hover {
    opacity:.70;
    filter:alpha(opacity=70);
    filter: "alpha(opacity=70)";
}

И в вашем скрипте, где вы .addClass('active') отключенный атрибут, добавьте .addClass('active').

Patsy Issa 21 окт. 2013, в 12:59

0

Если в моем css я установил !important Important, эта отключенная кнопка также будет зависать, чего я не хочу. Пожалуйста, смотрите мое редактирование выше. Благодарю.
laukok 21 окт. 2013, в 14:08
0

@lauthiamkok easy fix, добавьте к нему класс и примените hover, проверьте мои изменения через 2 мин.
Patsy Issa 21 окт. 2013, в 14:09

1

Свойство opacity может принимать значение от 0.0 до 1.0. Более низкое значение делает элемент более прозрачным.

Значение opacity:1 делает его непрозрачным.

Sojobo 21 окт. 2013, в 11:28

0

Проблема в том, что jquery устанавливает стили, применяемые через .css (), и они переопределяют стили, найденные в таблице стилей.
Patsy Issa 21 окт. 2013, в 14:04

0

Измените button-simple прокрутку на button-simple как это, используя !important rules:

.button-simple:hover {
    opacity:.70 !important;
    filter:alpha(opacity=70) !important;
    filter: "alpha(opacity=70)" !important;
}

palaѕн 21 окт. 2013, в 11:13

0

Если в моем css я установил !important Important, эта отключенная кнопка также будет зависать, чего я не хочу. Пожалуйста, смотрите мое редактирование выше. Благодарю.
laukok 21 окт. 2013, в 14:08

Ещё вопросы

Если в моем css я установил !important Important, эта отключенная кнопка также будет зависать, чего я не хочу. Пожалуйста, смотрите мое редактирование выше. Благодарю.
@lauthiamkok easy fix, добавьте к нему класс и примените hover, проверьте мои изменения через 2 мин.
Проблема в том, что jquery устанавливает стили, применяемые через .css (), и они переопределяют стили, найденные в таблице стилей.
Если в моем css я установил !important Important, эта отключенная кнопка также будет зависать, чего я не хочу. Пожалуйста, смотрите мое редактирование выше. Благодарю.

reyaner · Accepted Answer · 2013-10-21T11-46-00.000Z

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

$('input[type=submit]',parent).attr('disabled', true).addClass("disabled");
.button-simple.disabled{
    opacity:.4;
    filter:alpha(opacity=.4);
    filter: "alpha(opacity=.4)";
    cursor: default;
}

.button-simple{
    opacity:1;
    filter:alpha(opacity=1);
    filter: "alpha(opacity=1)";
    cursor: pointer;
}

.button-simple.disabled:hover{
    ...
}