jqeury mobile transaction 使用

最新推荐文章于 2021-08-05 20:01:06 发布

cs_road

最新推荐文章于 2021-08-05 20:01:06 发布

阅读量323

点赞数

分类专栏： web前端文章标签： mobile jquery transaction

本文链接：https://blog.csdn.net/cs_road/article/details/41349099

版权

1 篇文章 0 订阅

订阅专栏

1.引入三个文件

2.页面代码

///整个代码//

<body>

遇到的问题：

1.jquery mobile 的样式影响到了原页面的样式。

解决方法：（1）在标签中加 data-role="none"。（对于input标签有效，但是a标签无效）

（2）在jquery.mobile-1.4.5.min.js文件前加入

然后在标签中使用data-enhance="false"。（对于input标签有效，但是a标签无效）

（2）相对于（1）可以同时对多个元素使用，如：

<div data-enhance="false">

....................................

</div>

并且不仅去除了jquery mobile的样式，而且去除了jquery mobile的javascript。

<a>标签目前只知道可以用style=" "解决。其他样式问题也可以用这种方式解决。必要时修改jquery mobile的样式文件，或者删除jquery mobile样式文件的某些内容。

2. jquery mobile的transaction的影响原来的<a>标签的跳转方式。

解决方法：在<a>标签中加入data-ajax="false"。

参考链接：

http://bbs.csdn.net/topics/390472402

3.trasaction进入新页面时，automatically scroll to the top 。

解决办法：<script type="text/javascript">
$(function() {
$.mobile.defaultHomeScroll = 0;
});

</script>

4.合并之前的两个页面到同一个页面时出现某个函数找不到。

解决方法：引入了两次基本js文件，且版本不同，引起了冲突。删除一个即可。

cs_road

关注

专栏目录