Jquery не работает полностью в расширении хромированной

Question

я написал расширение хром Файл манифеста находится ниже

 { 
    "name": "MWE", 
    "version": "2.0", 
    "permissions": [ 
    "activeTab" 
    ], 
"content_scripts": [ 
    { 
     "matches": ["https://*/*"], 
     "js": ["jquery.js", "content_script.js"] 
    } ], 
    "browser_action": { 
    "default_icon": "icon.png", 
    "default_title": "Make this widget bigger" 
    }, 
    "manifest_version": 2 
} 

JQuery файл, который я использую приведен ниже

$(".dijitAccordionTitle.dijitAccordionTitle-selected").parent().siblings().css("display","none") 
    $('#containerDiv').show().parentsUntil('body').andSelf().siblings().hide(); 
    $("#dijit_layout_AccordionContainer_0").height($(document).height()) 

Я хочу JQuery для выполнения после успешной загрузки страницы. Первая строка не выполняется, пока она успешно запускается в консоли инструментов разработчика. В чем может быть проблема?

Answer 1

Попробуйте оборачивать код в:

document.addEventListener('DOMContentLoaded', function() { 
    // Your code here 
});