所以,首先让我开始说我是jQuery mobile /任何类型的移动设备的新手。不过,我正在使用使用Phonegap的Icenium构建应用程序。我的应用程序运行得非常好,但有两件大事我找不到。如何让输入键在Android/jQuery手机上工作
- 如何与输入按钮进行交互,即点击我的按钮点击处理程序。
- 如何强调用户点击文本框时的所有文本。所以他们不必使用键盘后退键。
我试过用谷歌搜索各种术语,但似乎无法找到任何东西。问题是你把jQuery放在任何地方,结果都是疯了。
这是我的HTML。
<body>
<div data-role="page" id="home">
<div data-role="header">
<div id='SearchInput'>
<label for="txtSearchTerm">Search For a Session</label>
<input type="text" id="txtSearchTerm" value="" />
<input type="button" id="btnFilterSessions" value="Filter Sessions" />
<span id="sessionCount"></span>
</div>
</div>
<div data-role="content">
<ul id="sessionsList"></ul>
</div>
<div data-role="footer" data-position="fixed" data-id="oneFooter">
<span class="footerText">@r0k3t</span>
</div>
</div>
这是我完整的JS。
document.addEventListener("deviceready", onDeviceReady, false);
var codeMashApp = {};
function listSessions(sessions) {
$("#sessionsList").empty();
sessions.each(function() {
var title = $(this).find('Title').text();
var uri = $(this).find('URI').text();
$("#sessionsList").append("<li class='sessionTitle'><a href='#detailsPage' id='" + uri + "' data-transition='slide'>" + title + "</a></li>");
});
$("#sessionCount").text("Number of sessions: " + sessions.length);
}
function onDeviceReady() {
$.ajax({
type: "GET",
url: "http://rest.codemash.org/api/sessions",
data: "{}",
success: function(d) {
codeMashApp.rootElement = d.documentElement;
var sessions = $(codeMashApp.rootElement).find("Session");
listSessions(sessions);
}
});
$("#btnFilterSessions").click(searchSessions);
}
function searchSessions() {
var searchTerm = $("#txtSearchTerm").val();
if (searchTerm) {
var sessions = $(codeMashApp.rootElement).find("Title:contains(" + searchTerm + ")").parent();
listSessions(sessions);
} else {
reloadAllSessions()
}
}
function reloadAllSessions() {
var sessions = $(codeMashApp.rootElement).find("Session");
listSessions(sessions);
}
虽然这确实工作,我发现最好的答案是简单地连接这样的keyup事件$(“#sessionsSearch”)。keyup(searchSessions) - 谢谢。 – Kenn