个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
在我的 jquery 移动应用程序中，我想在打开弹出窗口后自动将焦点设置在输入字段上。输入字段位于弹出窗口中，如下所示。焦点在开始时设置正确，但在弹出窗口完全降低后丢失。
<!-- Link--><a onclick="$('#popup_input').focus()" href="#popup" data-iconpos="top" data-rel="popup" data-position-to="window" data-role="button" data-inline="false" data-transition="pop" data-icon="plus" data-theme="b">open</a>
<div data-role="popup" id="popup" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all">
<div data-role="header" data-theme="a" class="ui-corner-top">
<h1>Popup</h1>
</div>
<div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
<h3 class="ui-title">Focused Field</h3>
<p>
<input type="text" id="popup_input" />
</p> <a href="#" data-role="button"data-rel="back">Close</a>
</div>
</div>
感谢您的帮助
亲切的问候
最佳答案
工作示例:http://jsfiddle.net/Gajotres/BknCc/
您需要使用一点 JavaScript 才能完成这项工作。不要使用内联 JavaScript 将焦点设置在字段上。相反，在执行任何操作之前，请等待弹出窗口完全创建并显示。
HTML:
<!DOCTYPE html>
<html>
<head>
<title>jQM Complex Demo</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>
<body>
<div data-role="page" id="index">
<div data-theme="b" data-role="header">
<h1>Index page</h1>
</div>
<div data-role="content">
<a href="#popup" data-iconpos="top" data-rel="popup" data-position-to="window" data-role="button" data-inline="false" data-transition="pop" data-icon="plus" data-theme="b">open</a>
<div data-role="popup" id="popup" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all">
<div data-role="header" data-theme="a" class="ui-corner-top">
<h1>Popup</h1>
</div>
<div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
<h3 class="ui-title">Focused Field</h3>
<p>
<input type="text" id="popup_input" />
</p> <a href="#" data-role="button"data-rel="back">Close</a>
</div>
</div>
</div>
</div>
</body>
</html>
Javascript:
$(document).on('pagebeforeshow', '#index', function(){
$( "#popup" ).popup({
afteropen: function( event, ui ) {
$('#popup_input').focus();
}
});
});
关于jqueryMobile 将焦点设置在弹出窗口中的输入字段上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16316616/
27
4
0
我正在构建一个小型移动应用程序，我有一个关于 JQM 的问题。 当用户登录时，用户将被重定向到页面 A。页面 A 通过 JQM 的 loadPage 进行加载(示例:$.mobile.loadPage
我正在尝试在 MVC 中创建一个 移动网站，我是 jquerymobile 的新手，我从 JQM 教程中复制了以下代码并将其粘贴到 MVC 中的 View 中 Home
我正在使用 jquerymobile 为网络应用程序创建一个 radio 组。在某一时刻，用户必须在“男性”和“女性”之间进行选择。我有点击(触摸)性别和未点击性别的图像。我想用具有两种状态的两个图像
我正在尝试构建一个虚拟页面来理解 Jquerymobile，但我无法在以下链接上实现“菜单”[单击页面上的菜单按钮]: http://jquerymobile.com/branches/popup-w
我尝试使用 jquery mobile 进行自动完成输入。 ' 所以我在这里找到了一个演示: http://demos.jquerymobile.com/1.4.0/listview-autocomp
var dw=function(string){ document.write(string+"-Hello"); } dw("Hi") //Hi-Hello 这很好用。但是当我将此 header
我想使用 jQuery 在发生某些事件时删除输入字段: $('#myInputId').remove(); 但是如果我尝试一下，周围的 div(由 jQueryMobile 自动添加)不会被删除。所以
在我的 jquery 移动应用程序中，我想在打开弹出窗口后自动将焦点设置在输入字段上。输入字段位于弹出窗口中，如下所示。焦点在开始时设置正确，但在弹出窗口完全降低后丢失。 open
我有一个包含五个单元格的 jQuery Mobile 网格系统。我想让这些单元格的内容与单元格的中间对齐。 我尝试添加: text 但这没有用。 还有: text 没用。 我创建了一个 fiddle检
我有一个多页面的 jQueryMobile 站点，它使用 data-title 属性来更新每个单独页面上的页面标题。这在大多数现代浏览器中都可以正常工作，但它不会反射(reflect)在 Google
如何使用 jQuertMobile 动态创建按钮。 最佳答案 非常简单: 首先创建一个按钮 HTML JQuery 元素: var button = $("My Button"); 接下来，将按钮插入
VERIFY 我使用上面的代码，它是一个带有 onClick() 设置的 jQM 按钮。调用 onclick 并执行 doSomething() 但之后，jQM 显示“错误加载页面”消息。 如何抑制该
我有这样的代码: function getData(){ $.ajax({ url: 'http://pechati.ru/extdata/baseparts/filialsW
我有一个使用 Jquery Mobile 的页面。我尝试过使用简单的 anchor Text text 但调用 Jquery Mobile 时似乎这是不可能的。有谁知道可用的解决方法？我搜索了一段
这是来自 jquerymobile 应用程序的片段。这是一个简单的文件管理器，允许删除文件，我想确认删除。我正在尝试使用 JavaScript confirm 来仔细检查操作是否应该继续；但似乎无论我
我正在开发一个使用 jquerymobile fb 滑动方法的应用程序，不知道它在哪里显示原始内容。然而。我最大的问题是它需要一个链接并尝试通过某种 ajax get 方法动态加载页面。这不是我想要的
我的 Phonegap 和 jQM 应用程序出现问题。其中，一个事件在 Android 设备上触发两次。 为了消除闪烁效果，我将页面过渡设置为“无”。当我单击菜单按钮时，它会导航到第 2 页。此外，该
如何捕获单击 jQueryMobile 中 ListView 组件的过滤器清除按钮的事件？ 我尝试过选择器 $('.ui-input-clear'), $('.ui-input-search a'),
我正在努力完成这个任务。 我有两列网格 A B C D
我正在使用JQueryMobile's experiment Datepicker有一段时间它在旧框架中工作了。昨天我将框架更改为最新的框架，发现当我单击外部时，它会破坏日期选择器的布局。 有人遇到过
我是一名优秀的程序员,十分优秀！