Tag: jquery

从jquerymobile 1.2.1迁移到1.4.5: 我正在从jquerymobile 1.2迁移到1.4.5 我的每个应用程序页面的内容都以下面的语法开始， $("#DemoAccountRegistrationPage").live("pageshow", function() { 我已经能够弄清楚我需要将.live转换为.on，因此上述内容成为每个页面引用 $("#DemoAccountRegistrationPage").on("pagecontainershow", function() { 但是我意识到，上述格式仍然不符合1.4.5为什么内容不加载有人可以给我提供正确的语法，以便能够改变 $("#DemoAccountRegistrationPage").on("pagecontainershow", function() { 到符合1.4.5的正确语法我已经阅读了jquery文档，但不能完全理解什么是正确的语法需要（对jQuery手机很新）

cordova/ Phonegap IOS加载脚本不能正常工作: 我正在用cordova.js库[3.4.1版]构build一个，我也想直接使用Web浏览器作为网页进行debugging。当dynamic加载外部cordova.js库时，iOS模拟器中有一些问题[我有2个特定于Android和iOS的版本] 我有这样的代码来处理这个问题： //check if mobile or local browser: var isMobile = true; if (document.URL.indexOf("local") > 0) { isMobile = false; } var deviceReadyDeferred = $.Deferred(); var jqmReadyDeferred = $.Deferred(); function onDeviceReady () { deviceReadyDeferred.resolve(); } if (isMobile) { $(document).bind('mobileinit', function () { $.mobile.allowCrossDomainPages = true; jqmReadyDeferred.resolve(); var useragent = navigator.userAgent; var loadScript = function […]

同时运行两个jquery事件会导致闪烁: 我有两个function，我想同时发生。函数1是一个窗口scrollTop，function2是一个绝对的元素隐藏（＃elem1）。这两个函数在绝对元素（＃elem2）放在（＃elem1）之后立即发生。同时运行这些函数执行如下： elem1卷轴顶部 elem1是隐藏的 elem2滚动到顶部这会导致瞬间闪烁，在ios上闪烁，我想避免它。我会期望改变函数的顺序会给我期望的结果，但是它不起作用（把＃elem1隐藏在scrolltop之前）。我怎样才能做到这一点？这与以下主题有关，但我想我会简化它。转换后的jquery元素闪烁和ios上的scrolltop

locking设备的风景方向: 我正在做一个项目，我需要帮助如何locking移动设备上的横向。我已经应用CSS媒体属性，他们让我改变的可见性，但我希望有一次，我在网页肖像模式，它不会允许改变它的方向infact它将locking任何。

removeClass在iOS上不起作用: 当你点击.menuButton jquery将添加一个名为active的类。这个Jquery代码可以在Windows和Android上运行，除了iOS（使用Chrome和Safari进行testing）。 HTML5 <div class="menuButton"> Menu Button </div> <div class="navmenu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Something</a></li> </ul> </div> jQuery的 var removeClassVar = true; $('.menuButton').on('click', function() { $('.navmenu').toggleClass('active'); removeClassVar = false; }); $('.navmenu').on('click', function() { removeClassVar = false; }); $(document).on('click', function() { if (removeClassVar == true) { $('.navmenu').removeClass('active'); } removeClassVar = true; }); CSS3 .menuButton { […]

使用button滚动iframe – iPhone: 我正在创build使用iframedynamic添加内容的网站（iframe文件位于同一台服务器上）。加载的iframe有button来滚动iframe的内容，但我找不到一个原因，它不适用于iPhone – 它使用Android的效果很好。这是我使用的代码： $('#menu li a').on('click', function(){ var element = $(this).attr('data-scroll'); $('body').animate({ scrollTop: $('.page[data-bookmarks=' + element + ']').offset().top }, 1000); }); 顺便说一句。点击事件效果很好，因为我使用alert来检查它。简单的scrollTop似乎不适用于iOS设备。

水平一页网站：Mobile-Webkit滚动和滑动问题: 这里是我正在使用的基本演示： http : //jsfiddle.net/3N8wY/9/ 问题＃1 如果您查看来自正版的Android浏览器或（更重要的是）iOS设备的链接，网站将不会滚动。它做这个奇怪的烦躁/脉冲的事情，并没有去哪里。如果你select了一个链接的方式，它有时会滚动，但它永远不会在正确的位置结束。我相信这与JS有关。当我在手机上试用时，我注意到这并不是对所选链接的新值进行哈希处理。 JS $(document).ready(function () { $('.main-nav').on('click', function (e) { e.preventDefault(); var toTarget = $(this).attr('href'); history.pushState(null, null, toTarget); $(window).triggerHandler('hashchange'); }); }); $(window).on('hashchange', function () { if(!window.location.hash) return; var $target = $(window.location.hash); console.log($target); $('html, body').stop().animate({ scrollLeft: $target.offset().left, scrollTop: $target.offset().top }, 900, 'swing'); }); JS的信用 – 水平一页网站不会“倒退”到以前的DIV 问题＃2 如果您向左或向右轻扫，则会移动页面。 […]

共享链接，将打开我的应用程序或应用程序商店: 我已经开始研究一个iPhone应用程序，并决定让用户能够通过networking分享（通过电子邮件，Facebook，Twitter，消息等等）。现在我想要链接到应用程序（在用户的共享文章上），以便能够检查我的应用程序是否安装在设备上，并通过它的URLscheme打开它，如果不是的话 – 打开导向应用程序的另一个链接在App Store上。我已经做了一些研究，并理解我应该在我的服务器端或沿着这些线做一个PHP，我怎么也找不到一个教程或一个明确的例子傻瓜（我对PHP / jscript / jquery一无所知）。 ..有人可以帮我一把吗？

当iPad被locking时，Javascript停止: 我有一个网站，我已经保存到我的iPad上的主屏幕。当我打开它时，网站工作正常，可以使用全部function。但是，当我lockingiPad，然后解锁它，并返回到网站的所有Ajax请求停止工作。我使用的ajax是非常标准的： $.ajax({ type: method, url: action, data: $(this).serialize(), error: function(error) { alert(error); }, success: function(json) { //do things } }); 有没有办法解决？刷新页面不起作用，当我直接在Safari中加载时，问题不会发生，然后locking和解锁。只有当网站被保存到主屏幕。

canvas大小调整-IOS HTML5应用程序 – （图表JS）: 我有一个奇怪的间歇性问题在图表JS（ http://www.chartjs.org/ ）在html5 IOS应用程序。我已经在这里列出了我的canvas – <canvas id="overallChart" height="270" width="270" style="height:270px!important; width:270px!important;"></canvas> 页面中有多个图表 – 图表通过基本图表js设置触发 – var lineData = { labels : ["Jan","Feb","March","April","May"], datasets : [ { fillColor : "rgba(255,128,38,0.9)", strokeColor : "rgba(225,225,225,1)", pointColor : "rgba(225,225,225,1)", pointStrokeColor : "#fff", data : [65,59,90,81,56] }, { fillColor : "rgba(119,62,20,0.9)", strokeColor : "rgba(225,225,225,1)", pointColor : "rgba(225,225,225,1)", pointStrokeColor : […]