JqueryMobile 动态加载fieldset 不渲染
说明:fieldset 是放在popup上的,版本使用的是1.3
代码如下:
代码如下:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript">
$(function () {
var t = "";
t += '<div data-role="popup" id="popupNested" data-theme="none">';
t += '<div data-role="collapsible-set" data-theme="b" data-content-theme="c" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" style="margin: 0; width: 250px;">';
t += '<div data-role="collapsible" data-inset="true">'; t += '<h2>测试</h2>';
t += '<fieldset data-role="controlgroup">';
t += '<legend>Vertical:</legend>';
t += '<input type="radio" name="radio-choice-v-2" id="radio-choice-v-2a" value="on" checked="checked">';
t += '<label for="radio-choice-v-2a">One</label>';
t += '<input type="radio" name="radio-choice-v-2" id="radio-choice-v-2b" value="off">';
t += '<label for="radio-choice-v-2b">Two</label>';
t += '<input type="radio" name="radio-choice-v-2" id="radio-choice-v-2c" value="other">';
t += '<label for="radio-choice-v-2c">Three</label>';
t += '</fieldset>';
t += '</div>';
t += '</div>';
t += '</div>';
$("#dvMain").append(t).trigger("create");
});
</script>
</head>
<body>
<div id="dvMain">
<a href="#popupNested" data-rel="popup" data-role="button" data-inline="true" data-icon="bars" data-theme="b" data-transition="pop">Choose a creature...</a>
</div>
</body>
</html>
...全文
相关推荐
JqueryMobile动态生成listView并实现刷新的两种方法
本篇文章主要是对JqueryMobile动态生成listView并实现刷新的两种方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
使用JqueryMobile开发购物网站
NULL 博文链接:https://qingniu.iteye.com/blog/1194582
下拉刷新,上拉加载,JqueryMobile1.4.3+iScroll4
下拉刷新,上拉加载,基于JqueryMobile1.4.3+iScroll4,适用于开发WebApp
【免费分享】下拉刷新+上拉加载=JqueryMobile1.4.3+iScroll4
1、下拉刷新,上拉加载。 2、基于JqueryMobile1.4.3+iScroll4。 3、适用于开发WebApp和手机网站
jquerymobile局部渲染的各种刷新方法小结
在JQueryMobile页面在第一次初始化进行一次整体渲染,动态生成的需要局部渲染。 在jquerymobile实现listview局部渲染的方法: 代码如下:function queryPublishOrderList(trackOrDealOrInsp,userCode,type,pageNum){ var queryPublishOrderListURL=”http://xxx.xxx.xxx.xxx/Myapp/WorkOrderSelByTypeService.svc/WorkOrderSimpSelByType/Json/”+trackOrDealOrInsp+”/”+


