#jquery #css #notifications
#jquery #css #уведомления
Вопрос:
Ниже приведен код демонстрационной страницы. Я делаю интеллектуальное уведомление. Я вижу, что в CSS для него установлен черный фон, я пытаюсь динамически изменить это при создании на другой цвет, это работает, когда я делаю это в инспекторе, но не в коде. Любая помощь приветствуется (я в основном пытаюсь сделать его черным начальным уведомлением случайного цвета).
// With Input
$('.MessageBoxContainer').css({backgroundColor: 'red'});
// This is what I try to change colour, des not work
$.SmartMessageBox({
title : "Welcome to the Clevertree demonstration.",
content : "Please enter your name to continue",
buttons : "[Accept]",
input : "text"
},
function(ButtonPress, name) {
//alert(Value);
$( ".chosen_name" ).html(name);
$.ajax({
'url' : 'http://clevertree.co.uk/index.php/site/blankadd',
'type' : 'POST', //the way you want to send data to your URL
'data': {
name: name
},
'async': false,
'success' : function(data){ //probably this request will return anything, it'll be put in var "data"
if(data){
userInfo = jQuery.parseJSON(data);
//userInfo.User_ID
//alert(userInfo.User_ID);
$('.MessageBoxContainer').css({backgroundColor: 'red'});
// I try again here, still does not work
}
}
});
Ответ №1:
Вы можете написать, как показано ниже, чтобы изменить цвет css
$('.MessageBoxContainer').css('background-color','yellow');
Смотрите jsfiddle здесь :
http://jsfiddle.net/24XE2/3 /
Можете ли вы также вставить свой html
Комментарии:
1. Спасибо. Это весь код, который действительно нужен для создания диалогового окна. Я ничего не вызываю в HTML. Приведенный выше код вызывается автоматически при загрузке страницы. Что я мог бы добавить в javascript, чтобы изменить его цвет, не редактируя CSS (так как я все еще хочу, чтобы некоторые из них были черными)?