jQueryの.LOAD（）は、新しく作成されたDOMのdiv要素

Question

上では動作しません。これは私のコードです：

$(document).ready(function(){ 


    var searchDom = document.createElement('div'); 
    searchDom.className = "popContainer"; 
    searchDom.style.cssText = [ 
     'background-color: #ffd700;', 
     'background-image: -webkit-repeating-linear-gradient(' + 
      '45deg, transparent, transparent 35px,' + 
      'rgba(0,0,0,.1) 35px, rgba(0,0,0,.1) 70px);', 
     'color: #efefef;', 
     'padding: 10px;', 
     'font: 14px Arial;' 
    ].join(' '); 
    document.body.style.cssText = 'position: relative'; 
    document.body.parentElement.insertBefore(searchDom, document.body); 


var greeting = "hola"; 
var button = document.getElementById("navSearch"); 
button.person_name = "Roberto"; 
button.addEventListener("keydown", function() { 
$('.popContainer').load('popup.html'); 
alert(greeting); 
}, false); 
}); 

だから基本的に私はクラス名「popContainer」で新しいDOM要素を作成し、しようとしていますユーザーが入力を開始したときにpopup.htmlのコンテンツをそのコンテンツに埋め込むことができます。これは動作していない、私は成功と.postを使用して試して、私はここでどのように.liveが使用されるかわかりません。

このファイルはクロム拡張の一部であり、alert（）は正常に動作することに注意してください。

Answer 1

私はあなたが本当にあなたを追加しますか

$('.popContainer').load(chrome.extension.getURL('popup.html')); 

また、この質問は
With a chrome extension how can add html to just below the body tag of a page?