ajax условно, если операторы загружают страницы

Question

В настоящее время я работаю над сайтом, который требует ajax для загрузки внутренних страниц, однако определенные группы страниц требуют изменения фона, а также изменения ширины контейнера.

Можно ли в любом случае использовать условные операторы if для изменения класса / css на определенных элементах? Если так, как бы я поступил об этом?

Извините, забыл сказать, условно на странице URL.

Поэтому, если url = innerpage.html, измените класс на

Все это работает по моде:

$('nav li a').click(function(){

    var toLoad = $(this).attr('href');
    hideView()
    $('#ajax-page').hide('fast', loadContent);
    $('#load').remove();
    $('#container').append('<span id="load">LOADING...</span>');
    $('#load').fadeIn('normal');
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
    function hideView() {
        $('#container').find('.view').fadeOut('fast');
    }
    function loadContent() {
        $('#ajax-page').load(toLoad,'',showNewContent())
    }
    function showNewContent() {
        $('#ajax-page').show('normal',hideLoader());
    }
    function hideLoader() {
        $('#load').fadeOut('normal');
    }
    return false;

});

Answer 1

Если количество фона и ширины очень ограничено, вы можете подготовить классы в своем CSS и передать необходимый класс через Ajax.

Если, однако, у вас есть много вариантов, и вы хотите сделать некоторую предварительную загрузку /после анимации вы должны передать с сервера все соответствующие необработанные данные (фон, ширина, содержимое) в виде объекта Json через аргумент данных ответа об успешном завершении, затем проверить их на релевантность и применить / не применять их с помощью .html ()и .attr ().

Answer 2

Вы можете использовать функции jQuery .addClass() и .removeClass() для добавления и удаления классов из элементов.Также используйте jQuery .css('attr','value'), чтобы изменить CSS для этого элемента.