Хочу сделать небольшое расширения для vk.com, но у меня начались проблемы почти сразу же. Там многие элементы создаются динамически и я не знаю как повесить на них обработчик.
manifest.json
{
"content_scripts": [ {
"css": [ "style.css" ],
"js": [ "jquery-3.3.1.min.js", "content.js" ],
"matches": [ "*://vk.com/*", "*://*.vk.com/*" ],
"run_at": "document_end"
} ],
"icons": {
"128": "icons/128x128.png",
"16": "icons/16x16.png",
"19": "icons/19x19.png",
"38": "icons/38x38.png",
"48": "icons/48x48.png"
},
"manifest_version": 2,
"version": "1.0.1",
"web_accessible_resources": [ "*.js" ]
}
jquery-3.3.1.min.js - соответственно библиотека jquery
content.js
$(function ($) {
if( location.host == "vk.com" ) {
// $("body").on("click", "...", function( e ) { alert('123'); }); - не работает, не цепляется событие
$('...').click(function() { alert('123'); }); // работает, только если элемент на странице уже существует
}
});
Уже несколько часов мучаюсь, кто-то с таким сталкивался?