DrupalGap - 动态加载html内容

Question

我尝试在我的Cordova项目中使用DrupalGap，因此我有一个自定义模块和一些分配给菜单项的页面。并且有一个页面具有可折叠小部件作为内容，我想在expand事件上加载一些html内容。这就是我在settings.js中包含额外的loadMapsOnExpand.js文件的原因：

Drupal.modules.custom['my_module'] = {
    includes: [{ name: 'loadMapsOnExpand' }]
};

但它不起作用，在扩展项目上仍然没有内容。用于加载的Html文件很好，因为没有DrupalGap实现，相同的代码按预期工作。我究竟做错了什么？ 请帮我搞清楚，我搜索了互联网但直到现在都找不到答案。 还有很多感谢您的时间!!!

loadMapsOnExpand.js包含以下代码：

$('#klg_map').collapsible({
  expand: function(event, ui) {
     $('#klg_map_details').load("klagenfurtMapDetails.html",
       function(responseTxt,statusTxt,xhr){
         if(statusTxt=="error")
           alert("Error: "+xhr.status+": "+xhr.statusText);
       });
  }
});

my_module.js包含以下代码：

function my_module_map_page() {
  try {
    var content = {};
    content['my_collapsibleset'] = {
      theme: 'collapsibleset',
      items: [
        { header: 'Klagenfurt', content: '<div id="klg_map_details"></div>',
            attributes: {
                'id': 'klg_map'
            }
        },
        { header: 'Wien', content: '<div id="wien_map_details"></div>',
            attributes: {
                'id': 'wien_map'
            } 
        }
      ]
    };
    return content;
  }
  catch (error) { console.log('my_module_map_page - ' + error); }
}