Tag: jquery mobile

event.preventDefault()没有取消jQuery Mobile中的链接方向

背景 我一直在努力解决这个愚蠢的小问题,试图在jQuery Mobile应用程序中的一个锚元素上触发click事件时取消链接方向。 假设我有一个简单的多页文档,如下所示: page 2 ……和这样的JavaScript: (function (MyApp, $, undefined) { ‘use strict’; // Initializes app function init() { $(‘#mLink’).on(‘click’, function (event) { event.preventDefault(); //event.stopPropagation(); //event.stopImmediatePropagation(); }); } // jQuery Mobile is ready now -> override defaults $(document).on(“mobileinit”, function () { // Set the default page transition $.mobile.defaultPageTransition = ‘slide’; }); // jQuery Mobile […]

jQuery-mobile和ASP.NET组合问题

我正在开发一个结合了jQuery.mobile和asp.net webforms的移动解决方案。 为了使我的asp.net控件的回发正常工作,我必须在页面顶部禁用ajax,如下所示: $.mobile.ajaxEnabled = false; 但是当像这样禁用ajax时,其他function似乎不起作用。 我无法从jQuery文件中调用对话框/弹出窗口 例如: $(document).ready(function () { $(‘#myPopup’).popup(‘open’); }); 这将导致弹出窗口在不到一秒的时间内显示,然后消失。 此外,当我从codebehind注册一个clientcript以在单击服务器端按钮时触发弹出窗口时,弹出窗口会闪烁,然后消失。 但是当我在页面顶部禁用ajax时,弹出调用工作正常。 有任何想法如何解决这些问题?

如何在ajax响应中从字节流渲染pdf

我正在使用移动应用程序。我们正在使用jquery-mobile。 我们可以选择以pdf格式查看或下载记录。 我对后端没有控制权。 我将获取json对象中的pdf数据作为ajax响应。我想读取该数据并以pdf格式显示。 我有下一个和以前的链接也在页面中,所以我们需要在div中显示pdf。 var data = { …. : …., …. : …., “pdfstream” : “KioqKioqKioqKioq……”, ….. : …. } 能够读取所有数据,但不知道如何读取该字节流并在页面中显示为pdf。 更新:我的代码工作正常。 但是从服务器获取的字节流是错误的。 var obj = $(”); obj.attr(‘data’,’data:application/pdf;base64,’+bytestream); $(‘#divContainer’).append(obj); 它在IE中的所有浏览器都可以正常工作。 需要validation为什么它不能在IE中工作。

Jquery Mobile Validation错误位置和选择

我在我的jQuery Mobile项目中添加了bassistance jQueryvalidation。 它工作得很完美,除了错误显示在文本输入内部而不是它们之下。 我知道我可以使用errorPlacement在输入下方使用div来输出我的错误消息,但这似乎不适用于选择菜单。 所以我有两个问题: 有什么我可以做的不同,使错误消息显示在输入下方而不使用errorPlacement? 如果必须使用errorPlacement,如何显示选择菜单的错误消息? 这是我的代码: $(‘#page’).bind(‘pageinit’, function(event) { $(‘#registrationForm’).validate({ rules: { firstname: { required: true }, lastname: { required: true }, email: { required: true, email: true, remote: “duplicateCheck.php” }, password: { required: true, minlength: 5 }, verify_password: { required: true, minlength: 5, equalTo: “#password” }, handicap: { required: true, maxlength: […]

jQuery Mobile显示隐藏的选择元素

使用display:none查看此select元素。 在jQuery Mobile中,尽管如此: An optinos 我试图显示/隐藏依赖于其他用户操作的jQuery Mobile select元素,因此我为什么要这样做。 有任何想法吗?

在jquery mobile中为动态创建的复选框添加事件

我在页面中动态创建了我的复选框。 我想为动态创建的所有复选框添加click事件。 这是我的代码。 我动态创建了复选框并附加到fieldset。 $.getJSON(“http://localhost/WebSite/”, function(data){ var branchOp=””; $.each(data.branch, function(i,item){ branchOp += ”+item.branchName+”; $(item.branchCode).addClass(“intro”); }); $(‘#br’).append(branchOp).trigger( “create” ); }); 我使用on(),live(),deligate()方法在复选框上添加事件处理程序。 $(‘#br’).delegate(‘click’,’input:checkbox’, function(event) { alert(‘selected’); }); $(‘#br’).on(‘click’,’input:checkbox’, function(event) { alert(‘selected’); }); 没有什么对我有用……

如何使用jquery-mobile获取tap事件的位置/坐标?

Jquery-mobile支持以下事件: http://jquerymobile.com/demos/1.0a3/docs/api/events.html 如何在移动设备上获取点击事件(例如图像内)的位置? $(‘#myimg’).bind(‘tap’, function(e){ var x = ???; var y = ???; alert([x, y]); })

对齐Jquery移动标题标题

只是想知道是否有人知道如何覆盖Jquery移动设备中的默认行为以将标题标题左对齐并保持相同的格式。 我似乎无法让它排队。 这就是我所拥有的: Add New Record Cancel Submit 现在,这成功地将标题移到左侧,但文本不保持相同的格式。 它变大了,间距都错了。 有没有人有任何成功左对齐标题? 提前致谢。 对不起,如果这是一个菜鸟问题。 我刚刚从原生移动应用程序转移到Web …

在真实设备上的cordova / phonegap应用程序中Ajax请求失败

我正在构建一个Cordova 4.0 jQuery Mobile 1.4.2 Android应用程序,我遇到了特定的AJAX调用问题。 我已经找到了类似的问题,并且已经在那里实施了解决方案但没有成功。 这是发生的事情: 我有以下AJAX调用: var request = $.ajax({ type: “GET” , crossDomain: true, url: ‘http://pubads.g.doubleclick.net/gampad/adx?iu=/XXX/YYY&sz=300×50&c=123456789’ }); request.done(function (response, textStatus, jqXHR){ console.log(response); }); request.fail(function (jqXHR, textStatus, errorThrown){ console.error(“DFP Plugin Error: ” + textStatus, errorThrown); }); 当我在计算机的浏览器中运行我的应用程序时,该请求完美无缺。 但是,当我从真实设备构建和调试应用程序时,请求无法给出此错误: {“readyState”:0, “responseText”:””, “status”:0, “statusText”:”error”} 我已启用$.support.cors = true; 和$.mobile.allowCrossDomainPages = true; ,我的config.xml文件中已经有) 。 有人可以帮我弄清楚问题是什么吗?

Android + PhoneGap + jQuery Mobile上的水平可滚动图像

我正在开发一款适用于Android和iPhone的应用程序。 该应用程序使用jQuery Mobile完成,并使用Phonegap编译。 有时在应用程序中用户可以显示图像,该图像非常大,并且需要可滚动。 我已经完成了一个javascript代码,它创建了一个带有css属性的div并将其附加到正文: position: absolute; width: 100%; height: 100%; z-index: 1200; background-color: black; overflow: scroll; 在iPhone上它完美运行,用户可以在他想要的右侧滚动。 在Android上它没有,屏幕保持锁定,用户只能滚动。 index.html页面上的viewport如下所示: 我花了大约2个小时玩它,在网上看,但没有找到任何使屏幕可以在Android上滚动的东西。 我不能使它成为另一个页面,具有不同的视口,因为我的应用程序是非常深刻的javascripted。 而且当我想要查看图像时,我无法将用户带回到他离开的确切位置。 我的想法已经用完了,并且已经测试了几天了。 有人会有一个想法,可以帮助我在Android上制作一个可滚动的弹出窗口吗? 谢谢