利用jquerymobile怎么写js代码?还跟jquery写事件方法一样吗?求大神帮帮忙
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用jquerymobile怎么写js代码?还跟jquery写事件方法一样吗?求大神帮帮忙相关的知识,希望对你有一定的参考价值。
参考技术Ajquery是一个javascript库,提供很多功能函数,让开发者更快捷、简单的完成开发。
而jquery mobile 是一个框架,主要是为移动端开发设计的,其实PC端开发也一样用,由于大量的使用了html5特性,所以不适合PC端的一些低端浏览器。
jquery mobile是构建在jquery基础至上的,所以语法和jquery是一样的。区别在于:
使用了jquery,同样可以和其他库框架或原生代码混用。
而jquery mobile就不同了,要遵循它定义的页面结构、样式结构、组件结构、历史管理等等,不能和其他框架混着来。
//jquerymobile事件
);
jquery mobile 如何获取触摸的坐标
我自己用JS写的方法总会有点小问题,可能会遇到定位不够准确或其他问题
所以想了解下jquery mobile中有没有封装好的 在发生触摸事件时获取触摸坐标 的方法?
jquery mobile中获取触摸坐标的方法:
思路:利用jquery.mobile.js(下载)获取GPS设备的经纬度信息,然后显示输出在sogou地图上。
1.加载jquery.min.js2.加载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写事件方法一样吗?求大神帮帮忙的主要内容,如果未能解决你的问题,请参考以下文章
jquery-mobile.js这个做手机页面,怎么只让他中间组件可以上下拉动,而头部和底部组件,不动,一直显示