如何在jquery mobile中添加自定义选择表单元素？

Question

我有一个简单的形式与选择菜单：

<div data-role="page"> 
    <div data-role="popup" id="popupAddItem"> 
     <select name="select-choice" data-native-menu="false"> 
      <option>Select an option</option> 
      <option value="a">A</option> 
     </select> 
    </div> 
    <a href="#popupAddItem" data-rel="popup" data-role="button" data-icon="info">Add Item</a> 
</div> 

我加入data-native-menu="false"，使下拉会看起来更好，但它似乎没有工作，如果形式是一个弹出内。

所以如果我删除data-role="popup"那么自定义选择元素似乎工作，否则不行。

这是一个错误，还是我做错了什么？请参阅jsfiddle

Answer 1

我的理解是，自定义选择菜单呈现为弹出式窗口，jQM中的弹出窗口无法链接。

使用jQM模式对话框而不是弹出窗口可以达到类似的效果。

<div data-role="page"> 
    <a href="#popupAddItem" data-rel="dialog" data-role="button" data-icon="info">Add Item</a> 
</div> 
<div data-role="page" id="popupAddItem"> 
     <div data-role="content"> 
     <select name="select-choice" data-native-menu="false"> 
      <option>Select an option</option> 
      <option value="a">A</option> 
     </select> 
     </div> 
</div> 

这里是jsFiddle