У меня проблемы с применением класса на другой странице. Вот сценарий: у меня есть одна страница, которую я разрабатываю, которая загружает внешние страницы на эту страницу, основываясь на щелчке ссылки в меню. С этим я хотел бы включить кнопку «тема», которая при выборе меняет цвет со светлой на темную. Проблема, с которой я сталкиваюсь — даже вызов класса в сценарии, изменит фон этого класса, но не изменит шрифт на отображаемой внешней странице, а также на объекте есть белая рамка тег.

Вопрос в том, как удалить белую рамку в теге объекта и повлиять на теги шрифта (h1, h2, p, li, a и т. Д.) На странице, загружаемой в тег объекта.

Вот код для скрипта ниже. Внешняя страница идентифицируется классом ex_object:

{amp}lt;script{amp}gt;
$('#darkend').click(function(){
$('html').toggleClass("dark");
$('.ex_object').toggleClass("dark");
$('#darkend').hide("slow");
$('#lightend').show("slow");
$('#nav-toggle-header').css('color','#fff');
$('.wrapper').css('background','rgb(32,32,32)');
$('.sidemenu-info').css('background','rgb(32,32,32)');
});

$('#lightend').click(function(){
$('html').toggleClass("dark");
$('.ex_object').toggleClass("dark");
$('#darkend').show("slow");
$('#lightend').hide("slow");
$('#nav-toggle-header').css('color','#000000');
});

$('#nav-toggle-header').click(function(){
$('.wrapper').show('slow');
$('#sidebar').show('slow');

});

$('#nav-toggle-menu').click(function(){
$('.wrapper').hide('slow');
});
{amp}lt;/script{amp}gt;

{amp}lt;div class="wrapper"{amp}gt;
{amp}lt;nav id="sidebar"{amp}gt;
{amp}lt;section data-accordion{amp}gt;
{amp}lt;section id="menu_accordion" data-control{amp}gt;DROP MENU{amp}lt;/section{amp}gt;
{amp}lt;div data-content{amp}gt;
{amp}lt;a href="#" class="tab-link" data-tab="tab-1"{amp}gt;{amp}lt;li id="menu_accordion_sub"{amp}gt;{amp}lt;span{amp}gt;TEST{amp}lt;/span{amp}gt;{amp}lt;/li{amp}gt;{amp}lt;/a{amp}gt;
{amp}lt;/section{amp}gt;
{amp}lt;/nav{amp}gt;
{amp}lt;/div{amp}gt;
{amp}lt;div class="main"{amp}gt;
{amp}lt;div id="content"{amp}gt;

{amp}lt;div id="tab-1" class="tab-content"{amp}gt;
{amp}lt;object data="Pages/TEST.html" class="ex_object"{amp}gt;{amp}lt;/object{amp}gt;          
{amp}lt;/div{amp}gt;
{amp}lt;/div{amp}gt;
{amp}lt;/div{amp}gt;


{amp}lt;script{amp}gt;
$(document).ready(function(){

$('.tab-link').click(function(){
var tab_id = $(this).attr('data-tab');

$('.tab-link').removeClass('current');
$('.tab-content').removeClass('current');
$(".wrapper").hide("slow");

$(this).addClass('current');
$("#" tab_id).addClass('current');
})

});
{amp}lt;/script{amp}gt;