我想知道如何动态增强jQuery Mobile页面?
我试图使用这些方法:
$('[data-role="page"]').trigger('create');
和
$('[data-role="page"]').page();
另外,我如何才能阻止复选框的增强标记?
我使用Jquery Mobile构建了一个项目.JQM似乎非常适合快速原型设计,但iphone 3GS/IOS 5.1的最终结果远非流畅.我已经尝试了很多黑客/技巧,以使它更快,摆脱过渡,但仍然,我无法得到令人满意的结果.
我一直在四处看看.我需要的是一个具有良好UI的轻量级解决方案(JQM非常适合我在该领域所需的内容).
trigger.io和AppFramework似乎是可用的2个解决方案(也许我错过了其他一些解决方案).
我想给AppFramework一个去,但我想得到那些做出改变的人的反馈.
谢谢.
我为其动画功能和动态页面支持选择了jQuery Mobile而不是其他框架.
但是,我遇到了造型方面的麻烦.我想保留基本页面样式以执行页面转换.但我还需要完全自定义标题,列表视图,按钮,搜索框的外观......只处理颜色是不够的.我需要处理尺寸,位置,边距,填充等.
因此,我努力使用jQuery Mobile添加的额外div和类,以便用CSS覆盖它们.但它非常耗时,从头开始重写css会更快......
有没有办法加载一个最小的jQuery Mobile css文件?
或者我应该考虑其他移动框架?我需要处理页面转换,ajax调用,Cordova兼容性,当然还有完全可自定义的html/css ...
我使用$ .mobile.changepage在我的phonegap + jquerymobile项目中进行重定向.然而令我困惑的是,我需要将所有页面的脚本放到同一个文件index.html中.如果没有,重定向页面不能在其标题中执行该功能.
例如,我的index.html似乎是
$(document).bind("deviceready",function(){$.mobile.changepage("test.html");})
然后,我的设备将重定向到test.html,这似乎是
$("#btnTest").click(function(){alert("123");})
<button id="btnTest">Test</button>
Run Code Online (Sandbox Code Playgroud)
但是,该脚本永远不会在test.html中执行.然后我把脚本放到index.html,我期望完成.无论如何,如果我将所有脚本放在同一页面上,项目将变得越来越难以保存.感谢您的帮助.
我想通过单击菜单项来更新链接按钮的值.
HTML:
<div id="menu">
<ul data-role="listview" data-icon="false">
<li><a href="#">Value A</a></li>
<li><a href="#">Value B</a></li>
</ul>
</div>
<a href="#" id="selected" data-role="button"></a>
Run Code Online (Sandbox Code Playgroud)
jQueryMobile:
$('#selected').hide();
$("#menu li a").on('click',function(){
$('#selected').html($(this).html()).slideDown().button("refresh");
});
Run Code Online (Sandbox Code Playgroud)
文本更新工作正常,但按钮css未正确更新.
我收到以下错误:
未捕获错误:在初始化之前无法调用按钮上的方法; 试图调用方法'刷新'
我们在谈论哪种初始化?页面和按钮已经初始化,不是吗?
编辑:
我也试过这个:
$(document).on("mobileinit", function() {
$('#selected').hide();
$("#menu li a").on('click',function(){
$('#selected').html($(this).html()).slideDown().button("refresh");
});
});
Run Code Online (Sandbox Code Playgroud)
没有错误信息; 但没有文字更新:(
我有以下代码使用jQuery mobile创建弹出窗口.创建弹出窗口并创建表单并将其附加到弹出窗口以及两个按钮.这段代码确实有效,但我想知道是否有更好的方法来实现我的预期目标.
//create a div for the popup
var $popUp = $("<div/>").popup({
dismissible : false,
theme : "a",
overlyaTheme : "a",
transition : "pop"
}).bind("popupafterclose", function() {
//remove the popup when closing
$(this).remove();
});
//create a title for the popup
$("<h2/>", {
text : PURCHASE_TITLE
}).appendTo($popUp);
//create a message for the popup
$("<p/>", {
text : PURCHASE_TEXT
}).appendTo($popUp);
//create a form for the pop up
$("<form>").append($("<input/>", {
type : "password",
name : "password",
placeholder : PASSWORD_INPUT_PLACEHOLDER
})).appendTo($popUp);
//Create a submit …Run Code Online (Sandbox Code Playgroud) 当我点击列表项目,转到另一个页面时,当前页面会跳转到屏幕顶部,然后转换到下一页面.
这个问题出现在jQM 1.2中,并且在新发布的1.3版本中仍然没有修复.
有人知道如何防止滚动到顶部,并在使用后退按钮时记住滚动位置吗?
这种恼人的行为是不可接受的,并打破了整个应用体验.
我在iPhone 4S上使用它作为webapp,使用iOS 6.1.2.
我应该用哪个事件来听?为什么要使用vclick?我只是不知道使用哪种情况.
我正在使用Phonegap.我需要定期检查网络连接.实际上我从服务器获取一些数据.如果没有连接,我需要显示错误提示.
我用Google搜索并找到了解决方案.但它不行.因为我需要定期检查连接.
<html>
<head>
<title>navigator.network.connection.type Example</title>
<script type="text/javascript" charset="utf-8" src="phonegap-1.0.0.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for PhoneGap to load
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
checkConnection();
}
function checkConnection() {
var networkState = navigator.network.connection.type;
var states = {};
states[Connection.UNKNOWN] = 'Unknown connection';
states[Connection.ETHERNET] = 'Ethernet connection';
states[Connection.WIFI] = 'WiFi connection';
states[Connection.CELL_2G] = 'Cell 2G connection';
states[Connection.CELL_3G] = 'Cell 3G connection';
states[Connection.CELL_4G] = 'Cell 4G connection';
states[Connection.NONE] = 'No network connection';
alert('Connection type: ' + states[networkState]);
}
</script>
</head>
<body>
<p>A …Run Code Online (Sandbox Code Playgroud) 我正在使用JBoss SwitchYard连接到安全的远程SOAP Web服务.发出请求后出于某种原因; 远程Web服务正在停止任何进一步的通信; 所以我没有收到回复.
我需要一个想法或解决方案,这可能是一个问题.
引起:java.net.SocketException:SocketException调用https://**********.asmx:来自服务器的文件意外结束
jquery ×7
javascript ×6
html5 ×5
cordova ×4
css3 ×4
appframework ×1
button ×1
css ×1
fiddler ×1
html ×1
ios ×1
java ×1
jboss-eap-6 ×1
switchyard ×1
web-services ×1