jquery mobile listview问题

chqing21 2015-06-25 04:39:45
jquery mobile一般的form形式中,li中是一个lable一个input,
如果我不是一个input,而是一个复杂的东西如一个div里面有很多东西,怎么让这个现实的和lable加input一样,
如下面代码的被发布者部分,被发布者变上应该接一个复杂的如有一个listview,但是怎么使得显示与上面的一致


<div data-role="main" class="ui-content">
<form action="" method="post" data-ajax="false">
<input id="bulletinid" type="hidden" >
<ul data-role="listview" data-inset="true">
<li class="ui-field-contain">
<label for="title">公告标题</label>
<input id="title" name="title" type="text">
</li>
<li class="ui-field-contain">
<label for="content">公告内容</label>
<textarea id="content" name="content" rows="10" cols="20">
</textarea>
</li>
<li class="ui-field-contain">
<label for="publishtime">发布时间</label>
<input id="publishtime" name="publishtime" type="datetime">
</li>
<li class="ui-field-contain">
<label>被发布者</label>
<div id="userListTree" >
</div>
</li>
<li class="ui-body">
<fieldset class="ui-grid-a">
<div class="ui-block-a">
<a id="bulletin-op-cancel" href="#allbulletin" class="ui-btn ui-corner-all ui-btn-a">取消</a>
</div>
<div class="ui-block-b">
<button id="bulletin-op-ok" type="button" class="ui-btn ui-corner-all ui-btn-a" onclick="addBulletin()">提交</button>
</div>
</fieldset>
</li>
</ul>
</form>
</div>
...全文
134 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
chqing21 2015-07-14
  • 打赏
  • 举报
回复
没有看懂你的代码,你的意思是用label代替div吗,这下面的2个按钮到这里了

 <li class="ui-field-contain">
                        <label>被发布者</label>
                        <label for="userListTree">
                            <fieldset class="ui-grid-a">
                                <div class="ui-block-a">
                                    <a type="button" id="bulletin-op-cancel" href="#allbulletin" class="ui-btn ui-corner-all ui-btn-a">取消</a>
                                </div>
                                <div class="ui-block-b">
                                    <button id="bulletin-op-ok" type="button" class="ui-btn ui-corner-all ui-btn-a" onclick="addBulletin()">提交</button>
                                </div>
                                </div>
                            </fieldset>
                        </label>
                    </li>
香蕉猪 2015-06-26
  • 打赏
  • 举报
回复


<div data-role="main" id="pageone" class="ui-content">
		<form action="" method="post" data-ajax="false">
			<input id="bulletinid" type="hidden" />
				<ul data-role="listview" data-inset="true">
					<li class="ui-field-contain">
						<label for="title">公告标题</label>
                        <input id="title" name="title" type="text">
                    </li>
                    <li class="ui-field-contain">
                        <label for="content">公告内容</label>
                        <textarea id="content" name="content" rows="10" cols="20"></textarea>
                    </li>
                    <li class="ui-field-contain">
                        <label for="publishtime">发布时间</label>
                        <input id="publishtime" name="publishtime" type="datetime">
                    </li>
                    <li class="ui-field-contain">
                        <label>被发布者</label>
                        <label for="userListTree">
							<fieldset class="ui-grid-a">
								<div class="ui-block-a">
	                                <a type="button" id="bulletin-op-cancel" href="#allbulletin" class="ui-btn ui-corner-all ui-btn-a">取消</a>
	                            </div>
								<div class="ui-block-b">
	                                <button id="bulletin-op-ok" type="button" class="ui-btn ui-corner-all ui-btn-a" onclick="addBulletin()">提交</button>
	                            </div>
								</div>
	                        </fieldset>
						</label>
                    </li>
                </ul>
            </form>
	</div>	

87,954

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧