Question

如果我在页面上直接使用多选，它可以正常显示;但如果我在弹出窗口中有多选，则显示错误并且只显示一个元素。有人可以告诉我为什么以及如何解决它？

我在这个jsfiddle中显示我的问题：http://jsfiddle.net/uvvm40Lu/4/（点击弹出链接）。

这是我的代码：

<select id="transactionType0" multiple="multiple" data-native-menu="false" size="7">
  <option value="Mo">Mo</option>
  <option value="Di">Di</option>
  <option value="Mi">Mi</option>
  <option value="Do">Do</option>
  <option value="Fr">Fr</option>
  <option value="Sa">Sa</option>            
  <option value="So">So</option>            
</select>
<a href="#popup1" data-rel="popup" data-position-to="window">popup</a>
<div id="popup1" data-role="popup" data-overlay-theme="a">
<select id="transactionType1" multiple="multiple" data-native-menu="false" size="7">
  <option value="Mo">Mo</option>
  <option value="Di">Di</option>
  <option value="Mi">Mi</option>
  <option value="Do">Do</option>
  <option value="Fr">Fr</option>
  <option value="Sa">Sa</option>            
  <option value="So">So</option>            
</select>

Answer 1

如果查看弹出文档：http://api.jquerymobile.com/1.3/popup/，您将看到它不支持弹出链接（即一个弹出窗口打开另一个弹出窗口）。不幸的是，多选使用弹出窗口来显示选项，因此它违反了弹出链接问题。

有一个名为simpledialog2的jQM插件允许链接：http://dev.jtsage.com/jQM-SimpleDialog/demos2/，或者你可以自己滚动。

jquery 1.3.2中的Multiple Select在弹出窗口中不起作用

1 个答案: