Tag: mobile

keypress事件未在移动设备上运行: 我遇到的问题是，当用户在移动设备浏览器上键入时，事件处理程序未运行。我的javascript代码是这样工作的：当用户编写someting并按空格键代码时，会自动为#(diez)标签系统添加#(diez)标签。就像你写的： this is test message ，javascript代码改变它： #this #is #test #message all after space。如果您在计算机浏览器（ Chrome, Safari, Firefox, Opera ）上查看此DEMO Chrome, Safari, Firefox, Opera它可以正常工作。但是，如果您在移动浏览器上检查此DEMO ，则在键入某些内容时，事件处理程序未运行。 $(“body”).on(“keypress”,”#text”, function(e) { var code = e.charCode || e.keyCode || e.which; if (charactersX.has(code)) { var text = $(“#text”).text(); text = addHashtags(text); $(“#text”).text(text); placeCaretAtEndX(document.querySelector(“#text”)); console.log(text); } else if (forbiddenCharactersX.has(code)) […]

jQuery Mobile Panel问题: 我有一个不正常的jQuery Mobile Panel（如果重要的话，在PhoneGap中）。 Search .ui-panel { background-color: rgba(0,0,0,0.5) !important; width: 200px; } | 基于上述情况，我希望按下面板外的任何位置都会导致它关闭。但是，这种行为似乎不符合我的自定义宽度。也就是说，如果我按250px，它不会关闭，而如果我按500px，默认宽度已经结束，它会关闭。使用JQM 1.4.1 有任何想法吗？

如何将更大的布局适合小型设备屏幕？: 我有一个meta viewport元素的问题。问题是我的布局min-width大于我想要使用的许多屏幕分辨率。所以设置它没有帮助。结果我得到页面，必须缩小以适应设备宽度。如果我甚至添加像它也不起作用。从Css-tricks中发现了一个没有帮助的黑客攻击。所以最后一个问题是：如何将更大的布局适应更小的屏幕？任何建议都非常感谢。先感谢您。哦，忘了说，在Lumia 525，Iphone 4，Ipad 2上进行测试。

制作：用户点击链接后，焦点样式仍然存在: 我创建了一个带有几个链接的移动汉堡包菜单。您可以在此处查看源代码： ?מהי רגולציה אודות ?למי זה מתאים פתרונות צור קשר | 052-6582643 jQuery( document ).ready(function() { jQuery(‘.menu-item-text’).on(‘click’,function(){ jQuery(‘.menu-item-text’).removeClass(‘active’); jQuery(this).addClass(‘active’); }); }); 一旦用户点击菜单中的一个链接，菜单就会关闭，并且他会被导航到他点击的任何地方。我想用CSS创建的边框效果保留在那里，所以他会在导航中有一个标记： #menu-solutions:hover .menu-item-text, #menu-solutions:focus .menu-item-text, #menu-solutions:active .menu-item-text{ border-bottom: 2.11px solid #61f6ff; padding: 4px; box-sizing:border-box; margin-bottom: 4px; } #about-menu-mobile:hover .menu-item-text, #about-menu-mobile:focus .menu-item-text, #about-menu-mobile:active .menu-item-text{ border-bottom: 2.11px solid #61f6ff; border-top: 2.11px solid #61f6ff; padding: 4px; […]

如何检查浏览器窗口是否关注“移动网络浏览器”: 我无法在Chrome移动网络浏览器上测试此活动， https：//developer.mozilla.org/en-US/docs/Web/API/Document/hasFocus 我想测试应用程序，这样用户点击手机的主页然后我想在我的应用程序中采取某些行动。注意：基本上在Web浏览器上我可以使用document.hasfocus，window.blur实现此function，但不能在移动Web浏览器上实现例如。 http://jsfiddle.net/QkzvP/ $(function(){ window[‘hasFocus’] = false; $(window) .bind(‘focus’, function(ev){ window.hasFocus = true; $(‘#event’).append(”+(new Date()).getTime()+’ focus’); }) .bind(‘blur’, function(ev){ window.hasFocus = false; $(‘#event’).append(”+(new Date()).getTime()+’ blur’); }) .trigger(‘focus’); setInterval(function() { $(‘#event’).append(”+(new Date()).getTime()+’ has focus ‘+(window.hasFocus ? ‘yes’ : ‘no’)+”); }, 1000); }); 或者http://jsfiddle.net/Msjyv/3/ function check() { if(document.hasFocus() == lastFocusStatus) return; lastFocusStatus = !lastFocusStatus; […]

Ember对移动设备方向的操作更改: 我的任务是使用一个ember网站并使其对移动设备做出响应。其中一个问题是他们使用一个组件来绘制图形（d3）。当父容器发生更改时，不会重新呈现图形。在桌面显示器上并没有太多问题，但在移动设备上，绘制的图形在纵向和横向之间是截然不同的。我想知道是否有办法在窗口设备方向更改上附加一个余烬观察者，无论是通过jquery还是常规的javascript？

Jquery Mobile可折叠内容: 可能重复：动态添加可折叠元素我想在我的一个要求中使用Jquery移动可折叠内容，即Accordionfunction。当我尝试使用如下所述的可折叠内容集时 Section A I’m the collapsible set content for section B. Section B I’m the collapsible set content for section B. 并导入了jquery.mobile-1.0b2.min.css，jquery-1.6.2.min.js，jquery.mobile-1.0b2.min.js 我只是想使用手风琴的折叠和扩展function。但是当我使用上面的内容时，它通过添加jquery mobile的css来改变整个页面布局，这对我来说并不是必需的。此外，我在页面上有更多的链接，将我重定向到不同的页面，但在包括jquery移动CSS后，如果我点击这些链接，它打开现有页面下面的页面。我想知道是否有任何jquery移动插件，我只能使用手风琴的function而忽略其他function？

禁用特定div上的滑动: 有了这个jQuery Mobile 1.9.1代码，用户在向右或向左滑动时显示侧面板… $(document).on(“pageinit”,”.ui-page”,function(){ var $page=$(this); $page.on(“swipeleft swiperight”,function(e){ if($page.jqmData(“panel”)!==”open”){ if(e.type===”swiperight”){ $page.find(“#menu”).panel(“open”); }else if(e.type===”swipeleft”){ $page.find(“#menu2”).panel(“open”); } } }); }); 使用具有滑动function的图像滑块时，这会产生问题。当我向右滑动时，滑块div内部会切换到下一张照片并打开面板… 我只是尝试这样做： $(‘#full-width-slider’).swipe(function(e){ e.stopPropagation(); e.preventDefault(); }); 但它根本不起作用。有没有办法在div＃full-width-slider中禁用jQuery Mobile原生幻灯片function？提前致谢。

jQuery Mobile：如何使用动态DOM操作刷新页面？: 我用jQuery Mobile创建了一个页面，并尝试动态添加内容： $(function () { $(“#deviceTarget”).sortable({ revert: true }); $(“body > div[data-role=’page’]”).append($(“Header”)); $(“body > div[data-role=’page’]”).append($(“Footer”)); $.mobile.activePage.trigger(“create”); }); $(document).bind(‘mobileinit’,function(){ $.mobile.defaultPageTransition = ‘none’; $.mobile.selectmenu.prototype.options.nativeMenu = false; }); function refreshPage() { $.mobile.activePage.trigger(“create”); } 但我得到了结果（图片）。我想得到结果（图片）。我能怎么做？谢谢。

AngularJS：ng-click in指令不在手机上触发: 我目前正在努力克服AngularJS中的ng-click。我有一个指令，并在一个带有ng-click-command的元素中。 {{room.name}} 如果我点击普通Chrome窗口，那么一切都很棒。如果我使用Developer Tools模拟Nexus 7视图，则不会发生任何事情。我正在使用AngularJS 1.2.16和jQuery 1.11.1。我包含了ngTouchin我的应用程序依赖项，但它不起作用，我是否包括它… 我希望你们有一些想法。问候