利用jquerymobile怎么写js代码?还跟jquery写事件方法一样吗?求大神帮帮忙

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用jquerymobile怎么写js代码?还跟jquery写事件方法一样吗?求大神帮帮忙相关的知识,希望对你有一定的参考价值。

参考技术A

jquery是一个javascript库,提供很多功能函数,让开发者更快捷、简单的完成开发。


而jquery mobile 是一个框架,主要是为移动端开发设计的,其实PC端开发也一样用,由于大量的使用了html5特性,所以不适合PC端的一些低端浏览器。


jquery mobile是构建在jquery基础至上的,所以语法和jquery是一样的。区别在于:

    使用了jquery,同样可以和其他库框架或原生代码混用。

    而jquery mobile就不同了,要遵循它定义的页面结构、样式结构、组件结构、历史管理等等,不能和其他框架混着来。

本回答被提问者采纳
参考技术B $(document).bind("mobileinit", function()
//jquerymobile事件
);

jquery mobile 如何获取触摸的坐标

我自己用JS写的方法总会有点小问题,可能会遇到定位不够准确或其他问题

所以想了解下jquery mobile中有没有封装好的 在发生触摸事件时获取触摸坐标 的方法?

jquery mobile中获取触摸坐标的方法:

思路:利用jquery.mobile.js(下载)获取GPS设备的经纬度信息,然后显示输出在sogou地图上。 

1.加载jquery.min.js
2.加载jquery.mobile.min.js
3.var gps = navigator.geolocation;调用GPS
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>手机GPS定位获取</title>
        <script type="text/javascript" src="jquery.min.js"></script>
        <script type="text/javascript" src="jquery.mobile.min.js"></script>
        <script type="text/javascript" src="http://api.go2map.com/maps/js/api_v2.5.1.js"></script>
        <script type="text/javascript">
            function initialize(GX,GY) 
             
                var map = new sogou.maps.Map(document.getElementById("map_canvas"), 
                    zoom: 15, //放大级别
                    center: new sogou.maps.LatLng(GX,GY),//设置中心点
                    mapTypeId: sogou.maps.MapTypeId.ROADMAP
                );
                 
                var myLatlng = new sogou.maps.LatLng(GX,GY);
                var marker1=new sogou.maps.Marker(
                    position: myLatlng, 
                    map: map,
                    title:"经纬度坐标:"+myLatlng,
                    label:visible:true,align:"TOP"
                );
            
             
            function startgps()
                var gps = navigator.geolocation;
                if (gps)
                    gps.getCurrentPosition(showgps,
                        function(error)
                            alert("Got an error, code: " + error.code + " message: "+ error.message);
                        ,maximumAge: 10000//超时为10000毫秒
                    ); 
                else
                    showgps();
                
            
                  
            function showgps(position)
                if (position)       
                    var latitude = position.coords.latitude;
                    var longitude = position.coords.longitude;
                    initialize(latitude,longitude);//调用Sogou地图显示坐标
                else
                    alert("position is null");
                
            
             
        </script>
        <style type="text/css">  
            bodyheight:100%;margin:0px;padding:0px
            #map_canvasheight:100%;height:500px;
        </style>  
    </head>
 
    <body onload="startgps();">
        <div id="map_canvas"></div>
    </body>
</html>
参考技术A 会有一个相应的鼠标事件,这个 MouseEvent 中会有当时的像素坐标的。 参考技术B function(event)

var touch = event.touches[0];
touch.pageX;//触摸的x坐标点
touch.pageY;//触摸的Y坐标点

以上是关于利用jquerymobile怎么写js代码?还跟jquery写事件方法一样吗?求大神帮帮忙的主要内容,如果未能解决你的问题,请参考以下文章

js 一个数组各元素出现的次数,并输出,怎么写代码

jquery-mobile.js这个做手机页面,怎么只让他中间组件可以上下拉动,而头部和底部组件,不动,一直显示

jquery mobile 怎么安装

jquery mobile 如何获取触摸的坐标

用JavaScript的console控制台输出一个靠右的直角三角形怎么写代码?

jquery mobile做的页面怎么在浏览器中的效果