Как часть расширения Chrome, которое я бесплатно предоставляю игрокам в браузерной игре, я хотел бы загрузить содержимое одной из страниц игры на боковой панели, которую я добавил, а затем стилизовать ее под панель. Все это отлично работает, за исключением того, что загружаемая страница содержит скрипт, который изменяет строку меню игры на выбранные страницы. Теперь, к сожалению, каждый раз, когда моя панель загружается, она меняет выбранную кнопку меню. Есть ли способ использовать load () и заблокировать определенный c скрипт или функцию? Я не могу просто загрузить тело, потому что его голова содержит другие функции, которые мне нужны.
Любая помощь или совет приветствуются!
Вот блок кода, который я сейчас использую для загрузки боковая панель:
//**************************load the events panel**************************
if (document.URL.indexOf("combat_events.game") < 1 )
{
$('#hzevents').load('https://www.heroesrisinggame.com/game/combat_events.game', {}, function(){
$( "#hzevents" ).contents().find( "#happeningNow" ).css( "display", "none" );
$( "#hzevents" ).contents().find( ".event_title" ).css( "font-size", "14px" );
$( "#hzevents" ).contents().find( ".event_title" ).css( "background", "none" );
$( "#hzevents" ).contents().find( ".event_content" ).css( "margin-left", "10px" );
$( "#hzevents" ).contents().find( "h2" ).css( "font-size", "14px" );
$( "#hzevents" ).contents().find( "h3" ).css( "font-size", "12px" );
$( "#hzevents" ).contents().find( ".btn" ).css( "padding", "4px" );
$( "#hzevents" ).contents().find( ".framed" ).css( "width", "200px" );
$( "#hzevents" ).contents().find( ".row" ).css( "display", "grid" );
$( "#hzevents" ).contents().find( ".row ~ div" ).css( "display", "none" );
$( "#hzevents" ).contents().find( ".row ~ div" ).css( "padding-bottom", "60px" );
$( "#hzevents" ).css( "height", "auto" );
$( "#hzevents" ).css( "min-height", "270px" );
});
}