jquery moblie 交换

http://demo.mobiscroll.com/

 

<ul data-role="listview" data-filter="true" data-filter-placeholder="请输入搜索内容..." data-filter-theme="b">

 

http://feifei.42t.com/doc/jm/demos/index.html

 

 <script type="text/javascript">
     $(document).bind("mobileinit", function() {
         //     $.mobile.defaultPageTransition = 'none'
         //     $.mobile.loadingMessage = '努力加载中...'
         //     $.mobile.page.prototype.options.backBtnText = '后退'
         //$.mobile.page.prototype.options.addBackBtn= true
         //$.mobile.ajaxLinksEnabled = false;
         //$.mobile.page.prototype.options.domCache = false;
        $.mobile.pushStateEnabled = false;
     //$.mobile.ajaxEnabled = false;

//         $("a[data-ajax='false']").bind("click", function() {
//                 $.mobile.pushStateEnabled = false;
//             });
//             
//            $("a[data-ajax!='false']").bind("click", function() {
//                $.mobile.pushStateEnabled = true ;
//            });
     });

 

//----------------------------------------------2012.4.8-------------------------------------------------------------------

禁用Ajax

     function getXML() {
         var xmlDom = new ActiveXObject("Msxml2.DOMDocument.3.0");
         xmlDom.async = false;
         xmlDom.loadXML("<root></root>");

         var node = xmlDom.createNode(1, "submitInfo", "");

         var id = xmlDom.createAttribute("id");
         id.value = "12345678";
        
         node.setAttributeNode(id);
        
        
//         var mk_id = xmlDom.createAttribute("id");
//         mk_id.value = str_mk_id;
//         mk.setAttributeNode(mk_id);

//         var sfkx = xmlDom.createAttribute("sfkx");
//         sfkx.value = "0";
//         mk.setAttributeNode(sfkx);

         xmlDom.documentElement.appendChild(node);

         document.getElementById("hiddenSelect").value = xmlDom.xml;
     }

 

后台代码

        //Response.Redirect("SecondPage.aspx");
        //Response.Write("<script>document.location.href='SecondPage.aspx'</script>");

        /*
            XmlDocument xmlDom = new XmlDocument();
            xmlDom.LoadXml(hiddenMK_IDs.Value);
            XmlNodeList list = xmlDom.SelectNodes("//mk");
            BoJS boJS = new BoJS();
            boJS.JS_BZ = txtJS_BZ.Text.Trim();
            boJS.JS_ID = Guid.NewGuid().ToString();
            boJS.JS_XM = txtJS_XM.Text.Trim();
            boJS.JS_MK_XML = hiddenMK_IDs.Value;
            IList<BoJSMK> listBoJSMK = new List<BoJSMK>();
            foreach (XmlNode node in list)
            {
                BoJSMK boJSMK = new BoJSMK();
                boJSMK.JS_ID = boJS.JS_ID;
                boJSMK.JSMK_SFKX = Convert.ToBoolean(Convert.ToInt32(node.Attributes["sfkx"].Value));
                boJSMK.MK_ID = node.Attributes["id"].Value;
                listBoJSMK.Add(boJSMK);
            }
            BomJS.Add(boJS, listBoJSMK);
            SetNull();
            OperatePage1.GoToFirstPage();
            lblMessage.Text = MessageHelper.SUCCESS_MESSAGE_OF_ADD;
         */

 //------------------------------2012-4-10----------------------------------------------------------------------------

     $(document).ready(function() {
         //为按钮ClickMe添加点击事件，此处为弹出对话框
         //$('#testTap').tap(function() { alert('HelloWorld!'); });
         $('#testTap').bind("tap", function() { testTapFun(this); });
     });

//     $("div[data-role='page']").live('pageshow', function(event, ui) {
//            $('#testTap').bind("tap", function() { testTapFun(this); });
//        });
//        $("div[data-role='page']").live('pagehide', function(event, ui) {
//            $('#testTap').unbind("tap");
//        });

        function testTapFun(obj) {
            $("#custom_dialog").click();
         //$.mobile.changePage("#test", { transition: "pop", changeHash: true });
        }

     

 <script language ="javascript" >
     window.MobileAlert = function(obj, option) {
         var title = option.title;
         var content = option.content;
         if ($("#custom_dialog").length == 0) {
             var divPage = document.createElement("div");
             divPage.setAttribute("data-role", "Page");
             divPage.id = "page_custom_dialog";

             var divHader = document.createElement("div");
             divHader.id = "page_custom_dialog_header";
             divHader.setAttribute("data-role", "header");
             var h = document.createElement("h1");
             h.id = "custom_dialog_title";
             h.innerHTML = title;
             divHader.appendChild(h);

             var divContent = document.createElement("div");
             divContent.id = "page_custom_dialog_content";
             divContent.setAttribute("data-role", "content");
             var span = document.createElement("span");
             span.id = "custom_dialog_content";
             span.innerHTML = content;
             divContent.appendChild(span);

             divPage.appendChild(divHader);
             divPage.appendChild(divContent);

             document.body.appendChild(divPage);

             //-----------------------------------------
             var a = document.createElement("a");
             a.href = "#page_custom_dialog";
             a.id = "custom_dialog";
             a.setAttribute("data-rel", "dialog");

             if (!obj) {
                 document.body.appendChild(a);
             } else {
                 $(obj).parents("div[data-role='page']").first().append(a);
             }

             $("#custom_dialog").click();
         } else {
             $("#custom_dialog_title")[0].innerHTML = title;
             $("#custom_dialog_title")[0].innerHTML = content;
             $("#custom_dialog").click();
         }
     }

     function showDialog(obj) {
         MobileAlert(obj, {title:"My",content:"content"});
     }

     function showDialog2(obj) {
         MobileAlert(obj, { title: "2222", content: "22233333" });
     }
 </script>

        }

 

 //---------------------------------2012.4.12---------------------------------------------------------

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>

 width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

 

         $("#pageList").dialog("close");

         setTimeout(function() {
             textarea.setSelectionRange(pos + sel.length, pos + sel.length);
         },0);

复选框：

    从待选移至已选：对于勾选的，先移除第一个的top，再移除最后一个的bottom和last；  
                    如果已选项多于一项，则移除bottom和last； 
                    追加Append； 
                    在已选的最后一个中添加bottom和last；
                    在待选的第一个添加top，在待选的最后一个添加bottom和last
                   
                   
单选框：
    从待选移至已选：将勾选项移至已选区；
                    如果待选中仍多于一项，则移除top/botto和last
                    若待选中存在，将待选中的top去除，移至已选区
                    对于待选区中的第一个添加top
                    对于已选区中的添加top/bottom和last
    从已选移至待选：如果待选中为空，直接移动，结束。
                    否则，删除待选中最后一项的bottom和last；
                    删除已选中项的top;
                    移动Append