zoukankan      html  css  js  c++  java
  • phonegap+jquerymobile 自定义弹窗

    原创:转载说明出处

    编写dialog.js文件,贴以下代码

     var jqmdialog={
            openDialog: function (options) {
                var href = options.href || "about:blank";
                var transition = options.transition || "none";
                $('body').append("<a id='tPushDialog' href='" + options.href + "' data-rel=\"dialog\" data-transition=\"pop\" style='display:none;'>Open dialog</a> ");
                $("#tPushDialog").trigger('click');
                $('body').find('#tPushDialog').remove();
                $("#" + options.dialog).live('pageshow', function (event) {
                    if (typeof options.callback == 'function')
                        options.callback();
                });
    
            }
     }

    编写dialogTest.html页面

    <div data-role="page"  id="home" >   
       此处省略
    <input type=button id=btnT value=tttt><div>
    
    <div id="ExistConfirm" data-role="page">
            <div data-role="header"  data-theme="b">
            <h2>操作提示</h2>
          </div>
            <div data-role="content" >
                <p>
                  <span id="spanMessage" style="font-weight: bold">是否退出?</span>
                </p>
                <a id="btnOk" data-role="button" data-rel="back" data-theme="b">是</a> 
                <a id="btnNO" data-role="button" data-rel="back" data-theme="c">否</a>
            </div>
        </div>

    编写页面js脚本

    jqmdialog.openDialog({
        href: "#ExistConfirm",//地址
        dialog: "MessageDialog",//标识
        callback: function () {//回调函数
            $("#btnOk").unbind("click").bind("click", function () {
    //btnOk必须是existConfirm中的按钮,定义回调
    alert("click:btnOK");
                           $("#MessageDialog").dialog("close");
            });
            $("#btnNO").unbind("click").bind("click", function () {
    alert("click:btnNO");
    
                $("#MessageDialog").dialog("close");
            });
        }
    });

    到这边就结束了。。。其他自己理解

  • 相关阅读:
    oracle 快速删除大批量数据方法(全部删除,条件删除,删除大量重复记录) 转
    linux rm删除含有特殊符号目录或者文件
    Linux下安装SVN(Subversion)
    linux还原svn
    linux 备份svn
    Linux下Tomcat重新启动
    Linux下rz,sz与ssh的配合使用
    深度分析Linux下双网卡绑定七种模式
    Ubuntu 12.04 安装Scrapy爬虫框架
    maven 添加本地jar
  • 原文地址:https://www.cnblogs.com/zhoudemo/p/2951267.html
Copyright © 2011-2022 走看看