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'));

另外，这个问题可能对您有帮助...
使用chrome扩展程序，如何将html添加到页面的body标签下面？