jquery-mobile

Jquery code not working on mobile device but working in browser

由 痴心易碎 提交于 2020-01-16 11:24:08
问题 I have the following code that is working in safari and chrome on my desktop but is not working on my iphone or samsung galaxy S4... the code that isn't working on my mobiles is the click function on the form - with each selection #maxfriends should update and when the user has chosen 45, 49, 50 or > 50 friends a pop up should display warning them that they are getting close to the limit. This all works perfectly in safari and chrome on my imac just can't figure out why it is not working on

jquery mobile dialog not working

由 孤街醉人 提交于 2020-01-16 11:22:39
问题 I'm trying to make a dialog with jquery.mobile-1.0.min. But the problem is when I click the button, the dialog is not popping up. why it is not working this dialog? Here is the fiddle http://fiddle.jshell.net/xJ8D3/ You can check it "Page2" on the menu. main <nav data-role="navbar" class="menu"> <a href="#main" class="ui-btn-active ui-state-persist">main</a> <a href="#page2">Page 2</a> <a href="#page3">Page 3</a> </nav> <section data-role="content"> main </section> <footer data-role="footer"

jquery mobile dialog not working

由 痞子三分冷 提交于 2020-01-16 11:22:09
问题 I'm trying to make a dialog with jquery.mobile-1.0.min. But the problem is when I click the button, the dialog is not popping up. why it is not working this dialog? Here is the fiddle http://fiddle.jshell.net/xJ8D3/ You can check it "Page2" on the menu. main <nav data-role="navbar" class="menu"> <a href="#main" class="ui-btn-active ui-state-persist">main</a> <a href="#page2">Page 2</a> <a href="#page3">Page 3</a> </nav> <section data-role="content"> main </section> <footer data-role="footer"

How can I create a fixed floating plus button?

由 可紊 提交于 2020-01-16 10:15:26
问题 I'm looking to create a floating action button for my mobile application. Similar to the ones used in the Gmail and WhatsApp mobile applications (see the red button in the image) . I'm building a small app using jQuery Mobile and I would like the button to bring the user to another page. I've been researching for quite a while, with mixed results, but the main problem seems to be that the button doesn't sit above all of the other content on the page and doesn't stay fixed in a position once

Drag and Drop Code for Mobile Game

由 浪尽此生 提交于 2020-01-16 08:50:14
问题 I have a drag and drop feature for my mobile game. Here it is: https://jsfiddle.net/elchininet/otw3pw13/4/ Unfortunately, I have no idea what's going wrong inside my actual source code. I think it might be because of all of the libraries I have? I'm new to app making and JavaScript . Here is my code: HTML <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset = "utf-8"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5

How to POST when slider's value is changed/button is pressed with jQuery mobile?

由 扶醉桌前 提交于 2020-01-16 08:06:14
问题 I have 1 slider and 1 button: <div data-role="fieldcontain"> <input type="range" name="slider" id="slider" value="0" min="0" max="100" /> </div><br><br> <div data-role="fieldcontain"> <select name="slider" id="slider" data-role="slider"> <option value="off">Off</option> <option value="on">On</option> </select> </div> How can I POST (like form action="http://somesite" method="post" ), when slider's value is changed? button is pressed? 回答1: $('#slider').change(function(){ ... $.post(yoururl,

Scrolling issue with kendo chart on mobile

由 谁说胖子不能爱 提交于 2020-01-16 08:04:53
问题 I have multiple kendo charts with panning and zooming enabled. On the mobile view, each graph takes up 100% width and since panning and zooming is enabled, the touch events are not fired and hence, no scrolling up or down in mobile. I tried attaching an event handler but to no avail. I want to enable browser touch events when the touch event fires from somewhere other than the chart area (legends or blank spaces) as highlighted in the image. 来源： https://stackoverflow.com/questions/59676975

In jQuery Mobile, why doesn't this popup close?

由 家住魔仙堡 提交于 2020-01-16 02:07:05
问题 I am calling close as per http://jquerymobile.com/test/docs/pages/popup/index.html, but nothing is happening (obviously I expect it not to show at all in this situation): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title>popup</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code

How to hide device back functionality in jquery mobile tab (navbar)?

由 笑着哭i 提交于 2020-01-15 23:50:48
问题 I have developed jquery mobile tab to my page. If my page having 5 tabs, now I'm in 3rd tab. I would like it so that when I press the back button from mobile, it should automatically redirect to the 2nd and 1st tab. Then it should redirect to my home page like another html page. When I press the back button from device, it'll automatically redirect to my home page not a previous tab page. How to control in jquery mobile? Please do the needful. Thanks in advance. 回答1: You need to listen to

How to check if jQM popup fits user's viewport?

由 此生再无相见时 提交于 2020-01-15 16:47:55
问题 So I've managed to add scrollbars to large jQM popups with css('overflow-y', 'scroll'). But how to do this only when the popup is larger than the user's viewport? I'm trying with the jquery-visible plugin but I can't get it to respond: http://jsfiddle.net/mmRnq/124/ $('#test-button').on('click', function(e) { $('#confirmDialog').popup('open'); // https://stackoverflow.com/questions/20791374/jquery-check-if-element-is-visible-in-viewport if(!$('#confirmDialog').visible(true)) { alert('Popup
订阅 jquery-mobile