超大型弹出jquery样式
超大型弹出jquery样式
提问于 2013-12-08 17:30:08
我正在使用magnific弹出来加载php页面，但是一旦页面打开，页面中的选择器就不会选择jquerymobile样式，而只显示为常规的输入选择器。我以这种方式加载php页面：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="viewport" content="width=device-width">
<link href="../../jquery.mobile-1.3.1.min.css" rel="stylesheet">
<script src="../../jquery-1.10.1.min.js"></script>
<script src="../../jquery.mobile-1.3.1.min.js"></script>
<!-- magnific popup -->
<link href="../../magnific-popup.css" rel="stylesheet" />
<script src="../../magnific_popup.js"></script>
<script>
$.mobile.loadingMessage = false;
</script>
</head>
<body>
<div data-role="page" id="home" data-theme='a'>
$.magnificPopup.open({
closeOnContentClick:false,
closeOnBgClick:false,
items: {
src: '../../test-ajax.php
},
type: 'ajax' }, 0);
}
在test-ajax.php页面中，我有：
<html><head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252"></head>
<body><div id="custom-content" class="mfp-bg style="max-width:100%; margin: 20px
auto;">
<style>
#custom-content img {max-width: 70%;margin-bottom: 10px;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="viewport" content="width=device-width">
</head>
<body>
<select name="test" id="test" onChange="ReadForm (this, false);">
<option value="a">yadayada</option>
<option value="b">yadayada</option>
</select>
</body></html>有什么想法吗？
回答 1
Stack Overflow用户
发布于 2013-12-08 17:47:25
来自jQM文档
如果通过JavaScript操作select，则必须调用其上的刷新方法来更新可视样式。下面是一个示例：
var myselect = $("select#test");
myselect.selectmenu("refresh");或者在需要由JQM处理的元素上触发此操作。一旦文档准备就绪，JQM将处理所有元素。当页面加载后，您将启动这个弹出窗口，因此您必须显式地告诉jQM来处理这段代码。
刷新应该在华丽弹出式将代码插入DOM之后进行，检查它们提供的回调。我自己也没用过华丽的弹出式。
还要检查jQM文档并确保您遵循他们关于如何使用select jQM方式的指导方针。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20456507
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号