Динамически изменять фон уведомления

#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 (так как я все еще хочу, чтобы некоторые из них были черными)?