Tag: mobile

uploadify.js可以用于移动平台吗?

我有一个使用uploadify.js的网站。 但是当我在手机(手机)上运行这个网站时,这不会上传图像。 我们可以将uploadify.js用于移动电话(windows,android或任何其他)。 如果有,怎么样?

我可以使用带有设备宽度和初始比例= 1的视口标记在iPhone中拥有超过320px的内容吗?

我正在开发一个我想要“appy”的网站,对于那些可以通过手机,平板电脑和台式机访问它的用户。 我正在使用jQuery Mobile。 出于某种原因,jQuery mobile 需要一个“width = device-width,initial-scale = 1”的视口标签。 如果我选择任何其他宽度,任何其他初始比例,或者我删除,那么jQuery mobile表现得非常糟糕。 (过渡看起来生涩,事情上下跳跃,这太可怕了)。 现在,对于我的内容,320px有点窄,我有点指望将视口的宽度设置为至少480px,可能更多,这样东西看起来会“更小”,并且仍然没有水平滚动。 有没有其他方法来实现这一点(基本上,能够容纳超过320px的内容),同时仍然将视口标记保持为jquery移动需要它? 谢谢! 丹尼尔

如何在jquery mobile中更改默认加载ajax loader gif

我已经看过jquery mobile的文档,但无法理解如何将它集成到我的移动网站上。 文档在这里 http://jquerymobile.com/demos/1.2.0-pre/docs/pages/loader.html 实际上gif图像不会在2.x安卓设备上制作动画,所以我正在考虑制作一种只预装小部件的文本。 我尝试通过这样的css来改变它 .ui-icon-loading { background: url(themes/images/custom-ajax-loader.gif); } 但新的图像不能正确缩放,旧的背景仍然可见。 我是一个完整的菜鸟与javascript.can有人PLZ帮我这个?

BigCommerce Stencil – 基于自定义javascript逻辑加载组件部分

我正在使用BigCommerce Stencil制作主题。 目前{{> components/category/category}}将从{{> components/category/category}}加载标记,但现在我想执行以下操作 {{#if !isMobile}} {{> components/category/category}} {{else}} {{> components/category/category_mobile}} {{/if}} 要做到这一点; 我需要创建自己的isMobile()函数并从中返回{{isMobile}} 。 第一次尝试: https://stackoverflow.com/questions/44634630/frontend-need-for-handlebars-compile-but-handlebars-already-in-use-with-bigcomm?noredirect=1#comment76255240_44634630 : https://stackoverflow.com/questions/44634630/frontend-need-for-handlebars-compile-but-handlebars-already-in-use-with-bigcomm?noredirect=1#comment76255240_44634630 我愿意接受任何解决方案。 我正在寻找制作这些主题的新方法 问题: 感觉车把正在服务器; 这可能吗? 我可以在前端重装车把吗? (参见上面的第一次尝试链接) 如果我可以在前端重新加载句柄,它在理论上可以用什么方式与原始服务器端解析来实现上面的示例逻辑?

图像更改onclick无法在移动浏览器中使用

我有一个代码,可以在点击图像时更改图像。 但是,由于我使用的是mouseup / mousedown,有没有办法让它也可以在移动浏览器中使用? $(document).ready(function(){ $(“.menulink”).eq(0).mouseup(function(){ $(‘#menu1’).attr(‘src’, ‘http://sofzh.miximages.com/jquery/picture2.jpg’); }); $(“.menulink”).eq(0).mousedown(function(){ $(‘#menu1’).attr(‘src’, ‘http://sofzh.miximages.com/jquery/picture1.jpg’); }); $(“.menulink”).eq(1).mouseup(function(){ $(‘#menu2’).attr(‘src’, ‘http://sofzh.miximages.com/jquery/picture2.jpg’); }); $(“.menulink”).eq(1).mousedown(function(){ $(‘#menu2’).attr(‘src’, ‘http://sofzh.miximages.com/jquery/picture1.jpg’); }); }); 这是小提琴页面

我的Angular JS应用程序适用于桌面浏览器,但不适用于移动浏览器

我一直在使用预先存在的静态网站设计,现在我开始将它转换为Angular JS webapp作为练习。 我采取的第一步是将一些单独的页面转换为使用ngrepeat和一些JSON文件。 在Stack Overflow的帮助下,我解决了这些问题并决定采用ngRouting。 我现在创建了一个带有基页(index.html)的站点,其中包含一个带有导航栏和弹出菜单的标题(templates / header.html)和用于主站点内容的ngViews html partials(partials / foo.html)。 该应用程序在桌面Web浏览器中工作正常( 偶尔会停止显示“测试”),但不会在移动设备上显示导航栏或html部分(只显示我包含的“测试”片段)。 的index.html Patrick Ackerman – Home Test 了header.html Patrick W. Ackerman Patrick Ackerman Teaching Assistant {{item.profileItem}} controllers.js var profileApp = angular.module(‘profileApp’, [‘ngRoute’]); profileApp.controller(‘BookCtrl’, function ($scope, $http){ $http.get(‘books.json’).success(function(data) { $scope.bookItems = data; }); }); profileApp.controller(‘MenuCtrl’, function ($scope, $http){ $http.get(‘profile.json’).success(function(data) { $scope.profileItems = […]

jQuery Mobile URL在Android浏览器上将哈希(#)转换为%23

我正在为我的网站使用jQuery Mobile多页面模板,但是当我从Android浏览器访问该网站时它无法正常工作。 问题是,浏览器将#tag转换为%23 。 例如,我可以在iPhone中访问此链接www.domain.com/abc.php?id=1234#show_map但Android显示如下链接: www.domain.com/abc.php?id=1234%23show_map 我怎么解决这个问题? 我应该创建新页面而不是哈希标记页面,还是如何为Android浏览器添加例外? 谢谢 更新:这是在Android上不起作用的代码,但在其他地方可以使用: window.done_mapping=false; contingency = function() { if(window.done_mapping) return true; window.location.href=’#roast_map’; window.location.reload(); } contingency_email = function() { if(document.getElementById(“email”)) return true; window.location.href+=’#email’; window.location.reload(); } View on map E-mail Results

jQuery Mobile无法读取触发器上未定义的’选项’(’pagecreate’)

我正在我的jqm页面上将一个外部页面加载到div中,为了使用jQuery移动样式增强它,我在div上调用trigge(’pagecreate’),这可以从控制台进行。 $(‘#search-results-page’).load(‘searchResults.php’,{options:$.encodeJSON(data.options),search:$.encodeJSON(data.search)},function () { $(this).trigger(‘pagecreate’,{options:{}}); $.mobile.changePage(‘#search-results-page’); }); 如果我将我的代码放在try catch块中,但是如果我没有,那么我会收到此错误: 未捕获的TypeError:无法读取未定义的属性’options’jquery.mobile-1.3.1.js:7535

修复fullcalendar中的移动日选择

我有一个使用fullcalendar的日历应用程序。 我实际上使用两个实例,最上面是一个月(或可选的周)日历视图,下面是所选日期的简单日视图(列表)。 在月视图中,我真的只想点击当天“选择”一整天。 此外,默认的longpress看起来很笨重,所以我将longPressDelay设置为1(ms)。 我使用eventLimitClick和eventClick的回调来选择日期,以防用户点击那里而不是白天。 这似乎在桌面上工作正常,但在移动设备上它选择一天只有几分之一秒然后由于某种原因立即取消选择。 有办法阻止这个吗? 此外,我使用选择约束,因此您一次只能选择一天。 我尝试使用“unselectAuto:false”,但这导致了奇怪的行为,即使不再选择,之前选择的天数仍保持蓝色,并且第二天需要两到三次点击才能选择…不确定原因。 这是我的coffeescript初始化代码,删除了一些无关的东西。 $(‘#calendar’).fullCalendar height: ‘auto’ nowIndicator: true defaultView: gon.default_view header: ” selectable: true selectHelper: true longPressDelay: 1 selectConstraint: start: ’00:00′ end: ’24:00′ defaultTimedEventDuration: ’00:30:00′ businessHours: { start: gon.business_hours_start, end: gon.business_hours_stop, dow: [0, 1, 2, 3, 4, 5, 6] } editable: true eventLimit: true eventLimitClick: (cellInfo) -> $(‘#calendar-day’).fullCalendar(‘gotoDate’, […]

用于jquery移动和phonegap的大型数据库

我正在使用jquery mobile和phonegap为android和ios构建一个移动应用程序。 这只是一个名称及其地址的集合,总计超过7000行。 据我所知,phonegap不支持数据迁移,所以这意味着如果我必须使用sqllite,我必须在首次启动时将大量数据注入到手机的sql中。 我认为这是一个问题,因为它需要一段时间,可能会强制关闭应用程序,或者可能会推迟用户。 有没有其他方法可以实现这一点而不会导致大量注射? 是否可以将这些数据放在一个文本文件中? 但我不确定jqm是否具有使用此方法搜索和更新的能力。 我很遗憾。 我搜索谷歌这个但没有找到解决方案。 请帮忙。 非常感谢。