jquery-mobile

How can you most easily pass URL arguments/data between JQuery Mobile (JQM) embedded/internal pages?

由 那年仲夏 提交于 2019-12-12 15:04:50
问题 How can you pass/access URL parameters (or simple data) between embedded JQuery Mobile pages? I.e. I have a single HTML page (index.html) with two "pages" (page-id) in it "article-list" and "article-detail" and I want to pass an ID into the article-list page i.e. index.html#article-list?id=12345 and read it again. We know the framework doesn't support it natively (http://jquerymobile.com/demos/1.0.1/docs/pages/page-navmodel.html). There used to be a plugin called jqm.page.params but it hasn't

How to make sure that dynamic DOM elements have correct css using jQuery mobile

由 柔情痞子 提交于 2019-12-12 14:47:23
问题 I am building a mobile app using jQuery mobile. I try to add some inputs dynamically, however, jQuery mobile style is not added to dynamically created input. I have created a simple app: http://jsfiddle.net/jGhqS/ I would like to have all my new inputs inherit default jQuery mobile css. How do I do it? And Why is it not working by default? Code to add input dynamically: $('#pageone').append("<input id='laskaInput' type='email' name='email' placeholder='1@1.com'>"); 回答1: Try .trigger("create")

Jquery mobile, change part of a page

由 风格不统一 提交于 2019-12-12 14:25:17
问题 I'm trying to change a part of a page, I know that this has been asked before but I cannot really find a good solution to my issue. The red colour is the part of the page I want to change dynamically depending on what you click on the left side that is a panel. Image: http://wstaw.org/m/2014/04/24/ask.png HTML Code: http://pastebin.ubuntu.com/7322513/ <body id="framework"> <div data-role="page" class="page ui-responsive-panel"> <!-- header --> <div data-role="header" data-theme="a"> <h1 id=

phonegap ios fixed input field on virtual keyboard

由 佐手、 提交于 2019-12-12 14:24:00
问题 'm creating an phonegap application with jquery Mobile. in my app a fixed input Field appear on the top of virtual keyboard , thats work fine in android , but in IOS when virtual keyboard appears it not work. my issue is smaller to this IOS Fixed footer toolbar breaks on virtual keyboard js header_height = $('.main-header').height(); footer_height = $('.footer').height(); footer_input_height = $('.fixed_bottom').height(); $('.fixed_bottom').css('bottom',footer_height+'px'); $('#messages .ui

Device: force orientation landscape (Phonegap JQueryMobile)

由 人走茶凉 提交于 2019-12-12 13:33:50
问题 I have been searching for days for a way to always display just one particular jquery mobile page div in landscape mode. Anyone any examples or ideas that could help, I would really appreciate it. function forceLandscape() { console.log('Starting: forceLandscape '); console.log('----------------------------------------------------'); // var orientation = window.orientation; // var new_orientation = 0; // switch (orientation) { // case 90: // break; // case -90: // new_orientation = 180 // $(

jquery mobile dialog with ajaxenabled=false

由 喜夏-厌秋 提交于 2019-12-12 13:20:15
问题 I'm working on a jQuery Mobile site but we're not using the AJAX transitions (we have $.mobile.ajaxEnabled = false for the entire site). I have a page that I would like to be treated like a dialog however, this only appears to work with AJAX enabled. Has anyone found a way to get jQuery Mobile to treat a page like a dialog in this way short of just designing a page that looks like a dialog? 回答1: The jQuery Mobile framework displays the first data-role="page" element found in the document, it

Insert additional image into checkbox element JQuery Mobile

由 笑着哭i 提交于 2019-12-12 13:17:19
问题 I'm building a mobile phone application using JQuery Mobile, and there's a visual effect I'd like to achieve with a list of checkbox elements. Basically I'd like to insert a small icon (an image) into the body of each checkbox element in the following position: Is it possible to achieve this with JQuery Mobile? Thanks. 回答1: something like that? http://jsfiddle.net/KADqA/23/ just add some styling to the image, should work. (the javascript is not really useful in that case. was a sample on how

jquery-mobile still “No Back Button” (Beta 2)

由 主宰稳场 提交于 2019-12-12 12:42:21
问题 I have followed all the instructions to get the back button to appear but it's not working. Here is what I'm following: *The auto-generated Back button feature is off by default. To activate auto generated back buttons on specific pages, simply add the data-add-back-btn="true" attribute on the page container and the magic will be back. To activate this globally, set the addBackBtn option in the page plugin to true. Here is an example of how to set this: $(document).bind("mobileinit", function

Jquery Mobile Web: Is Calling Native Apps possible?

由 你。 提交于 2019-12-12 12:32:26
问题 I want to be able to touch a link on a mobile web page and have it launch a native mobile App, like Skype, for example. This seems like it would be a huge security problem, but I wonder if the mobile environment somehow allows this? EDIT: YES! It works. a javascript call to document.window = "myapp://myparam" works great! Or for example, the following works: document.window = "skype://"; The trick is knowing the name of the app. 回答1: No a mobile web page will not allow this but there are some

Jquery mobile dual range slider reload with new range

由 梦想与她 提交于 2019-12-12 12:28:39
问题 Slider works well with initial range. Here is html for slider, initial range is 0 to 100 <div data-role="rangeslider"> <input type="range" name="range-1a" id="range-1a" min="0" max="100" value="40"> <input type="range" name="range-1b" id="range-1b" min="0" max="100" value="80"> </div> <button id="btnReload" onclick="reloadRangeSlider(200, 300)"></button> I want to implement a javascript function that can help to reload the slider with new range like 200 to 300. In my case, want to reload
订阅 jquery-mobile