Javascript 触发器（'create'）在Chrome中正确呈现，但在Android emulator中不正确

我正在尝试动态添加一个输入字段。当我测试代码时，它在chrome浏览器中工作，但在用cordova包装的Android emulator中测试时，它不工作。为什么会这样？我甚至尝试了另外两个例子，结果都一样

    <div data-role="header">
        <h1>My Title</h1>
    </div><!-- /header -->
    <div data-role="content">
        <h3>Add List</h3>
        <form>
            <div data-role="controlgroup"  id="addwhat">
                <input type="text" name="inp0" class="inp" />
            </div>
            <div data-role="controlgroup" data-type="verrical" class="aisubmit">
                <input type="submit" data-theme="b" id="addinput" value="Add Input"/>
            </div>
        </form>
    </div><!-- /content -->
</div><!-- /page -->
<script>
    var ct =0;
    $('body').on('click', "#addinput", function (e) {
        ct++;
        e.stopImmediatePropagation();
        e.preventDefault();
        $('#addwhat').append('<input type="text" name="list' + ct + '"/>');
        $('#thelists').trigger('create');
    });
</script>

---

controlgroup小部件创建子控件应添加到的容器DIV：

此外，在jQM 1.4.x中，您可以调用EnhanceWith而不是triggercreate

查看此代码更改是否有帮助：

$(document).on("pagecreate", "#page1", function(){        
    var ct =0;
    $(document).on('click', "#addinput", function (e) {
        ct++;
        e.stopImmediatePropagation();
        e.preventDefault();        
        $('#addwhat').controlgroup( "container" ).append('<input type="text" name="list' + ct + '"/>').enhanceWithin();
    });    
});