Question

我正在尝试构建一个动态的UI元素列表。我现在可以硬编码UI列表，一切正常。我希望这是可扩展的，所以我试图找到一种传递id标签和相应函数的方法。本质上，我的ajax调用的回调函数没有被执行，虽然我发布了正确的数据，并收到了正确的响应。这是代码：

myModule = function () {
  var titleUI = Object.create(ChainUI());
  var memcachedId = '<?php echo $memcachedId;?>';
  return {
    printChain: function(data) {
      alert("printchain");
      var territories = jQuery.parseJSON(data);
      titleUI.makeChainTable();
      territories.forEach(function(territory) {
        titleUI.territoryDisplay(territory);
      }); 
      titleUI.tableDecorator($('#chainTable'));
    },
    loadChain: function() {
      titleUI.destroyChainTable();
      var url = 'traffichandler.php';
      var instruction = {'instruction': 'titleChain', 'method': 'printChain', 'memcachedId': memcachedId.toString()};
      $.post(url, instruction, this.printChain);
    },
    loadDefault: function() {
      titleUI.loadUI(['Title Chain'], [this.loadChain]);
    }
  };
}();

对应的titleUI代码如下：

var ChainUI = function() {
 return {
 loadUI: function(uiList, funcList) {
  $('#uiFunctions').empty();
  for(var i in uiList) {
    var toDom = '<li id="'+uiList[i]+'">';
    toDom += uiList[i];
    toDom += '</li>';
    $('#uiFunctions').html(toDom);
  }
  for(var i = 0; i < uiList.length; i++) {
    var myFunc = funcList[i];
    $('#uiFunctions').delegate($('#'+uiList[i]), "click",
      function() {myFunc();}
    );
  }
},

}

在myModule.loadDefault中，我可以启动this.loadChain。我无法在$ .post中使用this.printChain来工作。如果删除所有动态的东西this.printChain工作没有问题。不要过于依赖语法，因为语法很好。如何让ajax调用恢复工作？谢谢！

JavaScript / jQuery动态函数绑定和ajax

0 个答案: