我试图阻止jquery移动中的页面更改取决于用户当前所在的页面,但我不知道data.options对象中的内容.所以基本上我需要说用户是否要使用index.html并且调用页面是example.html然后防止默认.
$(document).bind("pagebeforeload", function (event, data) {
var toPage = data.toPage;
if (toPage == 'undefined') {
return;
} else {
//need additional condition to see current page in the data.objections object?
if (toPage == '/android_asset/www/index.html');
event.preventdefault();
}
});
我正在尝试学习jQuery Mobile的jQuery表单验证.我一直看到这个教程,我试图复制,但必须在资源链接上做错了导致html看起来不错.理论上,当用户点击进入并且电子邮件和密码字段为空时,应该出现一条消息,告诉用户"此字段是必需的".
这是整个代码:
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javacsript">
$( "#frmLogin" ).validate({
submitHandler: function( form ) {
alert( "Call Login Action" );
}
});
</script>
<style type="text/css">
label.error {
color: red;
font-size: 16px;
font-weight: normal;
line-height: 1.4;
margin-top: 0.5em;
width: 100%;
float: none;
}
@media screen and (orientation: portrait){
label.error { margin-left: 0; display: block; }
}
@media screen and (orientation: landscape){
label.error { display: inline-block; …我试图使用滑动效果的移动应用程序.我已经测试并努力改变页面.但它非常敏感.很多时候我只想滚动并改变页面.
有可能在此事件中修复触摸屏上的敏感度吗？
这是我的代码:
$(document).on('swipeleft', '[data-role="page"]', function(event){
if(event.handled !== true) // This will prevent event triggering more then once
{
var nextpage = $(this).next('[data-role="page"]');
// swipe using id of next page if exists
if (nextpage.length > 0) {
$.mobile.changePage(nextpage, {transition: "slide", reverse: false}, true, true);
}
event.handled = true;
}
return false;
});
$(document).on('swiperight', '[data-role="page"]', function(event){
if(event.handled !== true) // This will prevent event triggering more then once
{
var prevpage = $(this).prev('[data-role="page"]');
if (prevpage.length > 0) {
$.mobile.changePage(prevpage, {transition: "slide", …我正在使用涉及表单的jQuery mobile构建一个网站.
我一直在尝试实现此方法来动态更改选择菜单: 链接
虽然我已经能够在我的jQuery移动网站之外做到这一点,但它似乎与jQuery mobile一起使用.我已经设置data-ajax="false"并尝试了很多东西,但我找不到解决方案.这是因为jQuery mobile还是没有？
您可以在下面找到代码.
对于主页面:
<?php require('config_db.php');?>
...
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
...
<div data-role="fieldcontain">
<label for="course">Course:</label>
<select id="course" name="course" data-native-menu="false">
<option value="0">0</option>
<option value="1">1</option>
</select>
</div>
<div data-role="fieldcontain">
<label for="student">Student:</label>
<select id="student" name="Student" data-native-menu="false">
</select>
</div>
...
<script type="text/javascript">
$(function() {
$("#course").bind("change", function() {
$.ajax({
type: "GET",
url: "get_students.php",
data: "course="+$("#course").val(),
success: function(html) {
$("#student").html(html);
}
});
});
});
</script>
Config_db.php已经过测试,就像一个魅力.
Get_students.php也可以运行,并将从测试数据库生成以下输出:
<option value='1'>John …www.yorkshirephotographer.net/new
你可以查看所有代码
图库/产品组合页面在标准模式下工作 - 当您单击照片时,它会正确打开
当网站优化移动设备/平板电脑时,画廊照片会显示在页面块/ php块后面 - 需要在前面吗？
谢谢Ben
ps - 点击"投资组合"查看图库图片
我试图在jquery mobile 1.3 Android原生应用程序中使用以下代码显示页面加载微调器,但它不起作用,任何人都可以帮助我解决问题是什么以及如何使其工作
</head>
<body>
<div id="createPage" data-role="page">
<script>
$("#createPage").on("pageshow", function(event, ui) {
$mobile.loading('show');
processCreateBtnAction(); //This takes 5 seconds to complete the operation
$.mobile.loading('hide');
});
</script>
<div data-role="header" data-position="fixed"></div>
下面的代码工作得很好,除了我在从JSON多维数组中动态检索动态检索的元素时遇到的恼人的undefined.我无法弄清楚它的来源,但是,我认为它来自于声明一个变量外部函数并在其中使用它来累积数据.$.each()
var c = 0;
var q = 1;
$.each(json, function (i, data) {
var answers; // declared here and outside this function - same results.
$.each(data.answers, function (i, a) {
answers += '<tags>' + a + '</tags>'; // the problem is here "maybe".
});
$('.foo').append(answers); // I get "undefined" ahead of values retrieved.
});
我试图让这个代码只用于桌面 - 基本上我想为移动设备禁用这个jQuery.我在这里尝试了几种方法,但我无法让它们工作 - 但我不是一个人,所以它可能是我实现它们的方式.
<script type="text/javascript">
jQuery(document).ready(function($){
$('.gilidPanel-opener a').click();
});
</script>
有没有人能够将幻灯片转换添加到JQuery Collapsible属性？
我试图创建一个可以与data-inset ="false"折叠的列表,当用户点击菜单项时,折叠的部分会滑出.
这是我尝试做的一个例子(但是使用JQuery Mobile),但是,在这个例子中,过渡并不像我想的那样顺利:http://www.designgala.com/demos/collapse -expand-jquery.html
想法？
注意:我已经看到其他帖子具有类似的目标,但是,没有一个帖子使用了我描述的过渡,他们使用了淡入淡出.
我的代码是
<br />
<br />
<br />
<br />
<p>qqqqq</p>
<br />
<p>222</p>
和JS是
$('p:first').prevAll('br').remove();
如何删除所有