jquery_mobile（简称JQM）其实就是基于jquery开发出来的一套移动端框架，适应移动用户端市场对浏览与体验从而进一步的提升

jquery_mobile控件介绍

jquery_mobile的语法将各个控件(widget)以data-role的形式定义好样式，使用时直接引用，则可调用适合手机页面显示的样式。

juqery_mobile的常用控件如下所示：

我们废话不多说，开始写第一个jquery_mobile的模版程序，改名为jqm1.html，代码如下所示：

    
        
        
        
         
        
         
        
         
        
        
        
        
        
    
    
        

            

                
header
            

            

                

                    
第一页
                    
第二页
                    
第三页
                    
第四页
                    
第五页
                
            

            

                
页面脚注
            

        

        
        

            

                
header2
            

            

                
            
            

                
页面脚注
            

        

        
        

            

                
header3
            

            

                内容3
            
            

                
footer3
            

        

        
        

            

                
header4
            

            

                内容4
            
            

                
footer4    
            

        

        
        

            

                
header5
            

            

                
内容5
            

            

                
footer5
            

        

    

    
        
        
        
         
        
         
        
         
        
        
        
        
        
    
    
        

            

                
header
            

            

                

                    
第一页
                    
第二页
                    
第三页
                    
第四页
                    
第五页
                
            

            

                
页面脚注
            

        

        
        

            

                
header2
            

            

                
            
            

                
页面脚注
            

        

        
        

            

                
header3
            

            

                内容3
            
            

                
footer3
            

        

        
        

            

                
header4
            

            

                内容4
            
            

                
footer4    
            

        

        
        

            

                
header5
            

            

                
内容5
            

            

                
footer5
            

        

    

由上面这段代码我们可以很清楚的了解到了我们的jquery_mobile是可以通过id来控制下面的列表的，有点像ecshop后台的添加商品那块，

要注意的是红色边框里面的代码，如下图所示：

然后再写个fs.php的程序，主要让他向指定用户推送链接的，代码如下所示：

http://weixin.showtp.com/jqm1.html";
    $fromUsername = &＃39;oB1_6tw1NBlGdqSsTCl5anZ7MEU4&＃39;;
    //使用url编码
    $cOntentStr= urlencode($contentStr);
    $content_arr = array(&＃39;content&＃39; => "{$contentStr}");
    $reply_arr = array(&＃39;touser&＃39; => "{$fromUsername}", &＃39;msgtype&＃39; => &＃39;text&＃39;, &＃39;text&＃39; => $content_arr);
    //编码成json格式
    $post = json_encode($reply_arr);
    //url解码
    $post = urldecode($post);
    $url = "https://api.weixin.qq.com/cgi-bin/message/custom/send?access_token={$access_token}";
    http_request($url, $post);
    echo &＃39;发送成功!&＃39;;

然后访问fs.php效果如下所示：

以上就是微信开发微网站之jquery_mobile案例分析的详细内容，更多请关注php中文网其它相关文章！