javascript - jquery.each 在 jquery.load 之后不工作

Question

我使用 jQuery.load 加载 HTML 模板。在此之后，我试图从每个加载的 HTML 元素中获取 HTML 内容。正在加载 HTML，但我无法获取 HTML 内容。

代码如下:

var _InterfaceBuilder = function() {
  var k45 = new _K45Kit;
  var _this = this;

  this.build = function(element) {
    var error = false;
    switch(element) {
      case 'loginPanel':
        $('#content').load('template/loginPanel.html', _this.localize(element));
        break;
        //sth else
    }   
    // sth else
  };

  this.localize = function(section) {           
    $(".loginPanel.localString").each(function(index) {
      console.log($(this).html());
    });

    //sth else
  });

当我放

$(".loginPanel.localString").each(function(index) {
  console.log($(this).html());
});

进入 firebug 控制台它工作正常。有人可以帮助我吗？

Answer 1

$.load() 的第二个参数必须是一个一旦完成就会被调用的函数。您提供的不是函数，而是调用 _this.localize(element) 的结果。所以基本上，localize 函数在添加监听器之前被调用，并且由于它返回未定义，所以您没有处理程序。

尝试:

$('#content').load('template/loginPanel.html', 
  function(){
    _this.localize(element);
});