如何让 jQuery 移动魔术在“pageshow”事件处理程序中工作？ (JQM 1.1.0)答案

【问题标题】：How to get jQuery mobile magic to work in "pageshow" event handler? (JQM 1.1.0)如何让 jQuery 移动魔术在“pageshow”事件处理程序中工作？ (JQM 1.1.0)
【发布时间】：2012-06-23 10:50:43
【问题描述】：

嘿，我在“pageshow”事件中将 ICanHaz.js 模板插入到 jquery 移动文档时遇到问题。 HTML 可以很好地插入 DOM 并显示正常，但没有应用任何 jQuery Mobile UI 类等。以下代码是咖啡脚本：

    $('#trailRewards').live 'pageshow', (event, ui) =>
        html = ich.t_reward_list()
        $(html).trigger('create')
        $('#trailRewards').html(html)

我是在错误的时间调用了“创建”事件，还是触发了错误的事件？

如果 html 已经在 div 中，我只是使用常规 jquery 选择器来更新它的工作内容，但是当然我不能使用模板，这很烦人！

干杯:)

编辑：修正错别字

【问题讨论】：

标签： jquery jquery-mobile

【解决方案1】：

我最终通过使用“pagebeforecreate”事件找到了最佳解决方案。更多信息请看这里：http://jquerymobile.com/test/docs/api/events.html

    $('#trailRewards').live 'pagebeforecreate', (event, ui) =>
        html = ich.t_reward_list()
        $(html).trigger('create')
        $('#trailRewards').html(html)

希望对和我有同样问题的人有所帮助:)

【讨论】：

您应该在添加 html 后链接触发器：$('#trailRewards').html(html).trigger('create');