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会在这里使用。

请注意，此文件是Chrome扩展的一部分，并且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?