Удаление файла CSS

Я использую spring MVC со страницей jsp для презентации, у меня есть три вкладки, предположим A, B и C на одной странице JSP. При нажатии на вкладку CSS-файл, такой как aa.css загружается в тег head с соответствующим div и таким же образом при нажатии на B и C. Основная проблема заключается в том, что три .в CSS файл загружается, он перезаписывает друг друга. Также я хочу удалить в CSS С глава что загружается по щелчку любой из вышеперечисленных вкладок с помощью в jQuery как показано ниже.

  $("#A").click(function(){
     alert("Remove bb and cc.css file form head tag");
  });

любая идея поможет мне много.

спасибо.

8
css jquery jsp spring-mvc

3 ответов

дать id до <link> - тег.

<link rel="stylesheet" href="style1.css" id="style1" />
<link rel="stylesheet" href="style2.css" id="style2" />

и используйте это код:

$("#A").click(function(){
    $("#style1").attr("disabled", "disabled");
});

Примечание: хотя в стандарте HTML нет отключенного атрибута, в объекте HTMLLinkElement DOM есть отключенный атрибут.

использование disabled в качестве атрибута HTML является нестандартным и используется только некоторыми браузерами Microsoft. Не используйте его. Для достижения аналогичного эффекта используйте один из следующих способов техники:

  • если disabled атрибут был добавлен непосредственно к элементу на странице, не включайте элемент;
  • установить disabled свойство объекта DOM с помощью скриптов.
18

вы можете выгрузить css, отключив его следующим образом:

$("#A").click(function(){
    $("link[href*=bb.css]").attr("disabled", "disabled");
    $("link[href*=cc.css]").attr("disabled", "disabled");
    $("link[href*=aa.css]").removeAttr("disabled");
});
6

вы просто даете этому тегу ссылки идентификатор или класс (скажем, id= "deleteMe"), а затем удаляете его, как показано ниже:

$('head').find('link#deleteMe').remove();

поэтому в вашем случае добавьте id в каждый файл, Когда вы связываете их следующим образом:

<link id="aa" rel="stylesheet" href="First.css" type="text/css" />  
<link id="bb" rel="stylesheet" href="Second.css" type="text/css" />  
<link id="bb" rel="stylesheet" href="Third.css" type="text/css" />

Теперь удалить только второй.Усс, третий.css вы должны написать свой jQuery следующим образом:

(function ($) {  
    $('head').find('link#aa').remove();  
    $('head').find('link#bb').remove();  
})(jQuery);
0