Есть ли способ изменить цвет фона blockUI после вызова ajax?

У меня есть вызов ajax, где я сначала вызываю blockUI, чтобы показать сообщение, в котором говорится . .

"Saving Project..."

делать что-то вроде:

<span style="display:none" id="Message"><h2>Saving Project...</h2></span

 $("mySpan").block({ message:  $("#Message") });

После возврата вызова ajax я хочу изменить текст, чтобы сказать

"Successfully saved Project"

Я могу изменить текст с помощью этого вопроса, но я хочу изменить CSS всплывающее окно в то же время. Это возможно? Если я изменю CSS фактического диапазона следующим образом:

 $("#Message").addClass("darkBackgroundColor");

он работает, но меняет только фон текста (НЕ весь блок-интерфейс). Я хочу изменить все всплывающее окно

Могу ли я изменить цвет фона всплывающего окна blockUI, не закрывая и не создавая новый?


jquery ajax blockui jquery-blockui
person leora    schedule 10.03.2014    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Это долгий путь, не видя кода... но вы можете изменить класс всего вашего окна и соответствующим образом настроить правила CSS для этого класса.

Или посмотрите документацию, есть как минимум 10 способов сделать это: http://malsup.com/jquery/block/#demos

Если вы можете сделать это для сообщения, вы можете сделать это для всего блока. Итак, вместо этого:

$("#Message").addClass("darkBackgroundColor");

вы можете добавить к нему parent():

$("#Message").parent().addClass("darkBackgroundColor");

или просто выберите класс напрямую (посмотрите, какой именно элемент вам нужен, может быть, blockMsg или blockPage...):

$(".blockUI").addClass("darkBackgroundColor");

или это:

$(".blockMsg").css("background-color", "#b4f9b6");
person Shomz    schedule 10.03.2014
comment
это вопрос, который я задаю :) - person leora; 11.03.2014
comment
Я не вижу ни одной демонстрации, обновляющей css, когда он уже загружен. . - person leora; 11.03.2014
comment
Это не имеет значения, вы можете обновить css в любое время. Демонстрации показывают, как вы можете изменить ситуацию. Я подумал, что, может быть, это было бы возможно с собственным способом blockUI, но вы всегда можете изменить правила CSS. - person Shomz; 11.03.2014
comment
похоже, это делает это: $(.blockMsg).css(background-color, #b4f9b6); - person leora; 11.03.2014