Tag: jquery

jQuery代码不适用于iOS: 这个代码在桌面浏览器上工作正常，但在iOS（iPhone 5 / iOS 7）上没有。通过单击点击input外部，点击的input不会再次获得只读 – >真实。更新代码： <script> $(document).ready(function () { $("input").prop("readonly", true); $('input').bind('click', function () { $(this).prop("readonly", false); }); $('input').bind('blur', function () { $(this).prop("readonly", true); }); }); </script>

jssorting多列不工作在IE和Safari: 在这个问题中，数据是按大多数sorting的，如果大多数数据是相同的，那么当两名员工在同一天工作时，谁select了更多的水果。如下所示 var workers = [ {"id":"111","name":"April", "most":"7","sd-111222":"1","sd-111333":"2","sd-111444":"2","sd-111555":"2"}, {"id":"222","name":"Bruno", "most":"7","sd-111222":"2","sd-222333":"1","sd-222444":"2","sd-222555":"2"}, {"id":"333","name":"Carlos","most":"6","sd-111333":"1","sd-222333":"2","sd-333444":"2","sd-333555":"1"}, {"id":"444","name":"Dwayne","most":"5","sd-111444":"1","sd-222444":"1","sd-333444":"1","sd-444555":"2"}, {"id":"555","name":"Ed", "most":"5","sd-111555":"1","sd-222555":"1","sd-333555":"2","sd-444555":"1"} ]; workers.sort(function(a,b) { return (a.most == b.most) ? (b["sd-" + a.id + b.id] – a["sd-" + a.id + b.id]) : (b.most – a.most); }); workers.forEach(function(elm){ console.log(elm["id"] + " " +elm["name"]); }); 在FF / Chrome / Android / Chrome中为Android输出。 222 Bruno […]

Magnific popup在iPhone上有滚动问题: 我正在使用Magnificpopup窗口来显示我的网站中的popup窗口，在所有的浏览器和智能手机中都能正常工作，但是当我使用popup窗口打开“body”滚动页面时，它在iPhone上发生了问题。这是我的jQuery代码： if ($.fn.magnificPopup) { $('.open-popup').magnificPopup({ type: 'inline', alignTop: true, midClick: true, fixedContentPos: true, removalDelay: 300, mainClass: 'modulos-popup fade-popup' }); $.extend(true, $.magnificPopup.defaults, { tClose: 'Fechar (Esc)', tLoading: 'Carregando…' }); }

ios 6 uiwebview显示使用jQuery的滚动页面滚动页面的背景: 我有一个UIWebView中显示的网页，使用jQuery的scrollTop（使用1.6.4版本的jQuery）滚动窗口到页面加载后的指定位置。这对于4.5以前的xcode很好。在使用xcode 4.5构build之后，页面会在滚动之前暂时显示UIWebView的背景。这只发生在ios6中。有没有人遇到过与xcode 4.5和ios6类似的问题？是否有任何新的UIWebview的API，我可以用来阻止这种恼人的行为？

在iOS设备上点击/点按事件不会在iframe中触发: 我有一个iframe的实例，包含一个单击处理程序的元素。 iframe包含一个带有播放buttongraphics的video，并附带一个点击事件。点击事件触发video播放，隐藏自己和console.logs消息说，它已被触发。这在桌面浏览器上完美运行，当我直接导航到iOS设备上的iframe url时。但是，embeddediframe时，播放button的点击/点击事件不会被触发。这里是我的例子的链接：直接链接到video页面:(按照预期在iOS上工作） http://www.newsryde.com/articlevideo/1085078/ 带有video的页面的链接iframed：（不触发点击/点击事件） http://www.newsryde.com/article/1085078/ 附加事件的文件/行号在/js/jm/video-player.js行，如下所示： els.playButton.on('click tap', function(){ console.log('tapped'); els.playButton.fadeOut(100); els.videoPauseItems.fadeOut(100); jwplayer(container).play(); }); embedded的iframe版本的代码不仅不会触发video，而且不会触发console.log或元素淡入淡出。我可以看到，当点击播放button，该元素闪烁与超快速不透明/反馈状态，我相信是浏览器相关奇怪的是，当我删除播放button元素。并让用户直接点击<video>元素。 video播放良好。我可以理解，如果这是一种方式或其他（没有点击通过，或只是video播放没有触发），但它就好像整个playButton的点击处理程序被忽略注意：我必须为这个内容使用一个iframe，因为它不能保证它的内容和父页面是在同一个域中（同样，这也阻止了我创build一个到iframe内容的外部控件）任何帮助将不胜感激。先谢谢你编辑1：根据要求，我在示例链接的右上angular添加了一个点击/点击绑定到'N'（我知道这是一个小小的打击框，抱歉）。 els.videoPauseItems.css('z-index', '600').on('click tap', function(){ console.log('non play button tapped'); }); 当在iframe点击的时候，我得不到console.log。但我确实得到浏览器快速灰色闪光反馈。然而，当检查元素我可以看到，它已经成功地应用.css()调整。当点击链接而不是在iframe它成功console.log的

iPhone / iOS 6 /移动Safari：有没有办法检测“浏览器全屏”模式？ Android的兼容性？: 我想知道如何检测用户是否使用Safari的“全屏function”。我不是说如果是从跳板开始的，我的意思是iOS 6中添加的function。实际上，在这个代码发布的地方也有类似的问题： $(window).on('resize', function(){ if ($(this).height() > 300 && (window.orientation == 90 || window.orientation == -90)) { // Full screen! } else { // Exit full screen! } }); 但问题在于，当方向改变时也会触发。此外，我不确定是否使用硬编码值是一个好主意，特别是“300”？有没有更好的方式来检测“浏览器全屏”模式？编辑：好，所以我只是检查：当更改iPhone的方向， onorientationchange 和 resize事件触发。将Safari更改为全屏也会触发resize – 所以我可以将我的函数挂接到该事件。但是，Android设备又如何触发resize呢？还是最好简单地绑定函数到onorientationchange 并 resize ？

jQuery手机：页面导航后不会触发面板打开: 我正在使用jQuery mobile（1.3）创build一个移动网站。在这个网站中，我使用的是我的菜单面板，通过屏幕左上方的“酒吧”button激活，或者从左向右滑动（在桌面上;单击并将鼠标移动到右侧）。这一切工作正常，直到我导航到不同的页面。新的页面加载使用jQuery手机AJAXfunction，在console.log我的面板div被logging下来，所以我知道它在那里但是.panel（'open'）函数没有被触发。我试图让我的链接2不同的方式，没有运气： <a href="?controller=website&action=algemeenInvoer">Algemene invoer</a> <a href="#" onclick="$.mobile.changePage('?controller=website&action=algemeenInvoer', { transition:'slideup'} );">Algemene invoer, using mobile.changePage</a> 由于我使用PHP，我不能创build一个简单的JSFiddle演示问题，但这里是一个链接到我的开发页面： snip 我希望有人可以帮助我解决这个问题，页面导航后触发我的.panel（'打开'）。编辑：当前的滑动function： $(document).on('pageinit',function(){ $('div[data-role="content"]').on("swiperight",function(){ console.log($('#menu')); //open panel after swiped x px. $.event.special.swipe.horizontalDistanceThreshold = 80; $('#menu').panel("open"); }); });

iOS上的JQ UI可拖拽：启动拖拽处理程序中的拖拽: 在我们的应用程序中，我们希望从一个列表中删除。问题是，当列表中的项目很多时 – 元素可拖动时不可能滚动。作为解决方法，我们希望禁用元素的拖拽能力，并仅在用户长时间点击元素时才启用该元素。 $('li').bind('taphold', function (event, ui) { console.log('taphold'); clearAll(); // clearing all other catched $(this).addClass('catched') $(this).draggable('enable'); }); 这里是jsfiddle https://jsfiddle.net/nrxaqc34/10/ 到目前为止它工作，但用户需要再次点击才能拖动。如果用户可以在长时间点击后立即开始拖动，那就太好了。这个答案在这里https://stackoverflow.com/a/9922048/582727不适用于iOS。也许有人有一个想法。

锚点在iOS Safari上滚动后失去点击能力: 使用此来获取点击次数： $("nav li a").click(function(event) { event.preventDefault(); target = $(this).attr("href").replace('#', ''); goToByScroll(target); }); 这是滚动function： function goToByScroll(id) { $('html, body').animate({ scrollTop: $("#"+id).offset().top – totalHeight }, 'slow'); } 第一次点击的作品，但之后，链接是不可点击/活动，除非手动滚动页面。有任何想法吗？

点击未在iOS上触发的事件: 我有一个嵌套列表的列表，我想单击它们时打开。它可以在桌面和各种浏览器上正常工作，但是当我使用iOS，iPad或iPhone时，它不想工作。该列表看起来像这样： <ul class="lessonList"> <li class="lessonItem" id="1"><input type="checkbox" class="scopeCheck">Default Scope <ul style="display:none;" class="scope1">…other content in here</ul> </li> </ul> 和这样的代码： $(document).on("click",".lessonItem",function(e){ e.stopImmediatePropagation(); $(this).children("ul").slideToggle(); }); 我有一个停止immediateprop停止点击checkbox从启动滑动滑块，但在iOS上，它甚至不会放弃，直到（并且只是）你检查checkbox。点击li本身在iOS设备中什么都不做。