大佬教程收集整理的这篇文章主要介绍了jquery mobile – 弹出窗口中的自定义选择菜单,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<ul data-role="listview"> <li data-role="fieldcontain"> <label for="basic">Text Input:</label> <input type="text" name="name" id="basic" value="" /> </li> <li data-role="fieldcontain"> <label for="basic">Text Input:</label> <input type="text" name="name" id="basic" value="" /> </li> <li data-role="fieldcontain"> <label for="pageSELEct">page SELEct</label> <SELEct name="pageSELEct" id="pageSELEct" data-native-menu="false"> <option value="">Choose One</option> <option value="">pageSELEct opt 1</option> <option value="">pageSELEct opt 2</option> <option value="">pageSELEct opt 3</option> </SELEct> </li> <li data-role="fieldcontain"> <label for="basic">Text Input:</label> <input type="text" name="name" id="basic" value="" /> </li> </ul> <a href="#pop" data-rel="popup" data-position-to="window" data-role="button" id="farmer_family_member">Add Popup</a> <div data-role="popup" id="pop"> <ul data-role="listview"> <li data-role="fieldcontain"> <label for="popupSELEct">popup SELEct</label> <SELEct name="popupSELEct" id="popupSELEct" data-native-menu="false"> <option value="">popup SELEct opt 1</option> <option value="">popup SELEct opt 2</option> <option value="">popup SELEct opt 3</option> </SELEct> </li> <li data-role="fieldcontain"> <label for="basic">Text Input:</label> <input type="text" name="name" id="basic" value="" /> </li> <li data-role="fieldcontain"> <label for="basic">Text Input:</label> <input type="text" name="name" id="basic" value="" /> </li> <li data-role="fieldcontain"> <label for="basic">Text Input:</label> <input type="text" name="name" id="basic" value="" /> </li> <li data-role="fieldcontain"> <label for="basic">Text Input:</label> <input type="text" name="name" id="basic" value="" /> </li> </ul> </div>
与我的页面相同,当我在移动设备中查看该页面时,它有一些问题,
>当我单击添加弹出按钮时,它会打开一个弹出窗口,在弹出窗口内有选择菜单,而data-native-menu = false则表示该选择菜单不起作用.我如何启用它?
>如果我更改弹出窗口中的“弹出选择”菜单,则会打开“pageSELEct”菜单.我该如何防止这种情况?
请指教…
提前致谢.
简短的回答是你不能那样做.我知道,这听起来很愚蠢,但jQuery Mobile对弹出窗口有一些限制,主要的限制是你不能链接弹出窗口.因为自定义选择菜单只是另一个弹出窗口,所以无法从弹出窗口中显示.
官方文件:http://api.jquerymobile.com/popup/
这个问题有一个可用的解决方法,但在这种情况下不能使用它.要解决此问题,需要关闭一个弹出窗口,然后才能打开第二个弹出窗口.不幸的是,这不可行.
第二个答案
这也被称为堕落事件.这是一个冷的javascript错误,好吧不是bug perse因为Javascript从来没有打算像这样工作.
基本上,当您单击一个元素时,单击事件将落在下面的元素中.
这可以通过以下功能来防止:
> stopPropagation()
> stopImmediatePropagation()
这是一个jsfiddle示例,因此您可以理解这个问题:http://jsfiddle.net/Gajotres/Xz2np/
$('#page1').live('pagebeforeshow',function(e,data){ $('@L_838_33@meDiv').live('click',function (E) { alert('Event is not going to propagate to content div,thus not hiding a header'); event.stopPropagation(); event.stopImmediatePropagation(); }); });
要理解这个问题,只需单击DIV示例然后注释这两行,再次运行一个示例并再次单击DIV.
最后一件事
这听起来很粗糙,但需要说明一点.不要忘记不时接受答案.我可以看到我在你之前的问题上给了你一些答案.我通常不介意这一点,但其他人这样做,他们不会帮助你.
以上是大佬教程为你收集整理的jquery mobile – 弹出窗口中的自定义选择菜单全部内容,希望文章能够帮你解决jquery mobile – 弹出窗口中的自定义选择菜单所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。