Question

我在从另一个javascript文件启动弹出窗口时出现问题，我正确地从index.html启动弹出窗口（必须将javascript放在#main。

现在我无法从helper.js文件启动它（它像以前一样正确加载内容但是当我点击它时没有启动弹出窗口，而我复制了相同的代码并且它直接从索引开始工作html的。

content =  '<li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-btn-up-c">'+
                '<div class="ui-btn-inner ui-li">'+
                '<div class="ui-btn-text">'+
                '<a id="btnChoicePopup" href="#" data-rel="popup" class="ui-link-inherit">'+
                '<img src="http://www.luc.edu/media/lucedu/sustainability-new/images/food_icon-1109x1089.png" class="ui-li-thumb">'+
                '<h3 class="ui-li-heading">Food</h3>'+
                '<p class="ui-li-desc">Im hungry!</p>'+
                '</a>'+
                '</div>'+
                '<span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>'+
                '</div></li>';
$('.home').html(content).trigger("create");'

有什么想法吗？这里是 Fiddle

Answer 1

我发现了我的错误，我有（#btnPopupChoice）。点击另一个页面（index.html）我刚刚在javascript文件中的$('.home').html(content).trigger("create");'之后移动它并且工作了。

JQuery Mobile启动弹出窗口

1 个答案: