Как включить ссылку CSS, если вызов не выполняется через AJAX?

Question

У меня есть страница 'foo.html', которая заполняет таблицу через AJAX 'ajax.html?options=option1' (обращается к базе данных.)

'foo.html' имеет css, связанный с ним, что делает таблицу из ajax.html красивой. Тем не менее, я хотел бы, чтобы ajax.html также хорошо смотрелся с css, если к нему есть прямой доступ. если я добавлю <link rel="stylesheet" type="text/css" href="/dev/css/default.css" />, тогда AJAX снова вставит ссылку в foo.html, который мне не нужен. Можно ли как-нибудь сделать так, чтобы код ссылки css не отображался при вызове AJAX или отображался только при вызовах не AJAX?

Спасибо.

Answer 1

Самый простой способ сделать это - использовать jQuery.

В случае успеха загрузить страницу ajax.html с помощью jQuery.get (), выполните: Удалить таблицу стилей: $('link[rel=stylesheet]').remove();

Если вы хотите добавить еще одну таблицу стилей:

var link = $("<link>");
link.attr({
        type: 'text/css',
        rel: 'stylesheet',
        href: 'http://domain.com/stylesheet.css'
});
$("head").append( link );

или измените ее позже:

$("link").attr("href","http://domain.com/stylesheet.css");

Answer 2

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