Javascript 添加属性数据角色时，自定义jQuery组件显示不正确；第页“；到标签<；部门>；我用它来包装这个组件

我在这里做了一个修改：
原始版本的演示：

修改自定义组件后，当我用

标记将其包装时，它会正确显示。这里是我的JSFIDLE的链接：
（您可以单击“请选择…”并在右下角区域进行测试）

但当我用

标记（即属性data role=“page”）包装它时，它看起来有点不对劲：
（您可以单击“请选择…”并在右下角区域进行测试）

• 它只显示文本“Close”而不是“cross”图像
• 它丢失了底部的“设置”按钮
• 我无法滚动它并选择其中的项目

JSFIDLE的两个链接的代码只有一行不同，即，

标记的属性：data role=“page”。其他行中的代码相同。当我用

标签包装它时，我不明白它为什么会出错。

我终于明白了。 首先，我比较原始组件和修改的组件

原部件>>第25~30行

buildEl = function () {
        $('body').append($el);
        $el.trigger('create');
        $el.popup();
        return $el;
    },

>第58~65行

buildEl = function () {
                $('body').append($el);
                $el.popup();
                return $el;
            },

我在的第61行添加了一行“$el.trigger（'create'）；”之后，它成功了

虽然我仍然不知道为什么没有“$el.trigger（'create'）；”的组件在没有标记的情况下会正确运行，但我还是松了一口气解决了眼前的问题