[心缘地方]同学录
首页 | 功能说明 | 站长通知 | 最近更新 | 编码查看转换 | 代码下载 | 常见问题及讨论 | 《深入解析ASP核心技术》 | 王小鸭自动发工资条VBA版
登录系统:用户名: 密码: 如果要讨论问题,请先注册。

[备忘]jquery mobile,添加多页面通用的搜索框

上一篇:[备忘]在jsp页面里,用jstl方式,把java的变量转成js里的json格式。
下一篇:[备忘]div固定在页面底部,css实现

添加日期:2015/1/16 23:33:08 快速返回   返回列表 阅读4384次


<!-- 搜索表单 -->
<div data-role="popup" id="searchProductPopup" data-theme="d">
    <a href="#" data-rel="back"
        class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">close</a>
    <div data-role="header" data-theme="d">
        <h1>搜索商品</h1>
    </div>
    <div style="padding: 10px 20px">
        <form name="subForm" id="subForm" action="${ctx}/mobile/listProduct">
            <div data-role="fieldcontain">
                <label for="keyWord">商品名称:</label> <input type='text' value="${formdata.keyWord}" id="keyWord" name="keyWord">
            </div>
            <div data-role="fieldcontain">
                <label for="minPrice">价格:</label> <input id="minPrice" name="minPrice" size="10" value="${formdata.minPrice}"
                    type="number"> <strong>到</strong> <input id="maxPrice" name="maxPrice" size="10"
                    value="${formdata.maxPrice}" type="number">
            </div>
            <input type="submit" value="查询" />
        </form>
    </div>
</div>

<script>
/*在DOMReady时初始化popUP */
$(function(){
    $( "#searchProductPopup" ).enhanceWithin().popup();
});
</script>



要点:
(1)把这段代码紧挨着body写,就是让这个div在任何一个page之外
<body>
...
<div data-role="popup"..
..
</div>
..
<div data-role="page">
..
...
</body>

(2)用这段js初始化


$(function(){
    $( "#searchProductPopup" ).enhanceWithin().popup();
});


也不懂为啥这么写,反正不写就有时候点不出来popup。
 

评论 COMMENTS
没有评论 No Comments.

添加评论 Add new comment.
昵称 Name:
评论内容 Comment:
验证码(不区分大小写)
Validation Code:
(not case sensitive)
看不清?点这里换一张!(Change it here!)
 
评论由管理员查看后才能显示。the comment will be showed after it is checked by admin.
CopyRight © 心缘地方 2005-2999. All Rights Reserved