jqmobi想使用他的tap,swipt等事件,但不想要他自带的ui,该如何做?


引入jqmobi的jq.appframework.min.js,af.ui.jquery.min.js文件
在页面中写这个的js可以顺利实现,但会生成afui,header等没用的标签。
$.ui.ready(function(){
$("#desc").bind("tap",function(){
$("#desc").attr("class","select");
$("#know").attr("class","");
$(".video_desc").css("display","block");
$(".video_lore").css("display","none");
});
$("#know").bind("tap",function(){
$("#desc").attr("class","");
$("#know").attr("class","select");
$(".video_desc").css("display","none");
$(".video_lore").css("display","block");
});
.......
删除af.ui.jquery.min.js文件文件,不要的样式没了,但是js也不能执行了。
如何能两者兼得呢?
$(document).ready(function(){
$("#desc").bind("tap",function(){
$("#desc").attr("class","select");
$("#know").attr("class","");
$(".video_desc").css("display","block");
$(".video_lore").css("display","none");
});
$("#know").bind("tap",function(){
$("#desc").attr("class","");
$("#know").attr("class","select");
$(".video_desc").css("display","none");
$(".video_lore").css("display","block");
});
.......

web前端开发 移动web开发 jqmobi zepto

yuanta 10 years ago

可以自己 DIY 定制主题, http://themeroller.jquerymobile.com/
顺便推荐一篇Adobe的官方文章 http://www.adobe.com/cn/devnet/dreamweaver/articles/theme-control-jque...

在原有的样式上进行修改并不是一件容易的事,如果认为可以给元素加一个 class 然后写样式,会发现自己写的样式将会被覆盖,因为这里的样式为JS动态添加

定制主题建议的方法是

  1. 通过themeroller,简单方便
  2. 找到jquery.mobile.css文件,通过复制主题a和替换每个类名称–a的后缀名,自己写CSS,定制自己的主题
yek10r answered 10 years ago

Your Answer