`

jquery mobile listview第一个元素总是焦点(ui-btn-hover-c)

阅读更多
在jqm开发中遇到了listview第一个li默认获取焦点,第一个li被加上ui-btn-hover-a/b/c/d/e样式,这种情况导致其他的li显示模糊。
解决方法:查看了js源码,找到reFocus方法
function reFocus( page ) {
var lastClicked = page.jqmData( "lastClicked" );

if( lastClicked && lastClicked.length ) {
lastClicked.focus();
}
else {
var pageTitle = page.find( ".ui-title:eq(0)" );

if( pageTitle.length ) {
pageTitle.focus();
}
else{
page.find( focusable ).eq( 0 ).focus();
}
}
}
去掉或者注释掉   page.find( focusable ).eq( 0 ).focus();
分享到:
评论

相关推荐

    jquery mobile listview动态加载json

    jquery mobile listview动态加载json

    jQuery mobile listview使用

    然后,通过添加 `data-role="listview"` 属性来告诉 jQuery Mobile 将这个元素转换为 Listview 样式。例如: ```html <ul data-role="listview"> <li>Item 1 <li>Item 2 <li>Item 3 ``` 初始化后,jQuery ...

    jquerymobile应用小实例

    <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-btn-icon-left ui-icon-check">确定 ``` 2. 触发对话框:使用JavaScript可以动态触发对话框的显示。例如,使用`$.mobile....

    JQueryMobile UI 汇总

    jQuery Mobile 是一个用于构建响应式和触摸友好的网页应用的框架,它基于 jQuery 和 jQuery UI。这个框架专门设计用来优化在各种设备,包括智能手机、平板电脑和桌面电脑上的表现,使得开发者能够用 HTML5 和 CSS3 ...

    基于h5的jquery mobile图片切换

    jQuery Mobile是jQuery库的一个分支,专为移动设备优化,提供了丰富的触摸事件和UI组件。 首先,理解HTML5的关键特性对于实现图片切换至关重要。HTML5引入了新的标签如`<figure>`和`<figcaption>`,用于更语义化的...

    MVC-ListView-DataModel-master.zip

    MVC-ListView-DataModel-master.zipMVC-ListView-DataModel-master.zipMVC-ListView-DataModel-master.zipMVC-ListView-DataModel-master.zipMVC-ListView-DataModel-master.zipMVC-ListView-DataModel-master....

    使用JqueryMobile开发购物网站

    JqueryMobile是一款强大的前端框架,专为移动设备上的Web应用程序设计,提供了丰富的UI组件和交互效果。它基于HTML5,CSS3和jQuery库,使得开发者可以快速构建响应式、触摸友好的网页应用,特别适合用于购物网站的...

    ListView 搜索函数[ListView 搜索函数]-精品源代码

    ListView 搜索函数[ListView 搜索函数]-精品源代码

    详解jQuery移动页面开发中的ui-grid网格布局使用

    在jQuery Mobile框架中,ui-grid布局系统是一种设计用于移动设备的高效、灵活的页面布局解决方案。考虑到移动设备的屏幕尺寸通常较小,ui-grid提供了一种简单的方法,使得开发者能够将小元素如按钮或导航标签等以多...

    jqueryMobile-ui

    **jQuery Mobile UI 知识详解** jQuery Mobile 是一个专门针对移动设备进行优化的前端框架,它基于 jQuery,致力于提供一致的用户体验,适用于各种触摸屏设备。这个框架的强大之处在于其可自适应的设计,使得开发者...

    Android---UI篇

    •Android---UI篇---ListView之SampleAdapter(列表)---1 • •Android---UI篇---ListView之ArrayAdapter(列表)---2 • •Android---UI篇---ListView之SimpleCursorAdapter(列表)---3 • •Android---UI篇---...

    jquery mobile 相册源码

    jQuery Mobile是一个轻量级、高性能的框架,专为触摸设备的移动Web应用设计。它结合了jQuery的核心功能和一套专门优化的UI组件,为移动用户提供了友好的交互体验。在本篇中,我们将深入探讨如何使用jQuery Mobile...

    jquery_mobile

    下面是一段简单的示例代码,展示了如何使用 jQuery Mobile 创建一个基本的页面结构: ```html <!DOCTYPE html> <meta name="viewport" content="width=device-width, initial-scale=1"> ...

    jQuery mobile菜单式的相册

    在网页设计中,相册是展示图片集的一个常见元素,而使用 jQuery Mobile 实现的菜单式相册则为用户提供了更直观、更具交互性的体验。jQuery Mobile 是一个轻量级的前端框架,专为移动设备设计,它提供了丰富的组件和...

    jQuery mobile 开发案例

    3. **主题(Theming)**:jQuery Mobile 提供了一套可自定义的主题系统,允许开发者通过更改主题颜色(如 swatch A、B、C等)轻松调整 UI 风格。 ### 二、基本组件 1. **按钮(Buttons)**:使用 `data-role=...

    jQuery_Mobile_教程集合

    jQuery Mobile是一个流行的前端框架,用于开发适用于各种设备的响应式网站和应用程序。它非常适合创建跨平台的移动应用,支持触摸优化的UI组件,以及基于Ajax的导航系统,可以实现页面之间的动画转场效果。 在开始...

    jQuery Mobile上编写应用程序

    jQuery Mobile 是一个强大的框架,专为构建响应式、触控友好的移动应用程序而设计。它基于流行的 jQuery 库,提供了一套丰富的组件和交互模式,简化了多平台应用程序的开发。在本文中,我们将深入探讨如何使用 ...

    jquery.mobile-1.4.5.zip

    `jquery.mobile-1.4.5.zip` 文件包含了jQuery Mobile 1.4.5版本的所有资源,这是一个稳定且广泛使用的版本。 **1. jQuery Mobile 概述** jQuery Mobile 提供了一套完整的UI组件和交互模式,包括导航栏、滑动面板、...

    jquery mobile 简明 教程 demo 移动 开发

    jQuery Mobile 是一个强大的前端框架,专为构建触屏设备上的响应式、交互式的移动应用程序而设计。这个教程将带你深入理解如何使用 jQuery Mobile 进行移动应用开发,尤其适用于安卓手机平台。 ### 一、jQuery ...

    jquery mobile Dome实例

    在jQuery Mobile中,一个页面由一个或多个“page”元素组成,每个page元素代表一个独立的视图。页面间可以通过链接或者程序导航来切换。例如: ```html <div data-role="page" id="home"> <!-- 页面内容 --> ...

Global site tag (gtag.js) - Google Analytics