jquery mobile custom select lose focus on select option
when I click on a long list custom select a new window with possible options is displayed, at this point I have two possible actions: close the window in which case it works fine returning to the previous window without losing focus but when I select a option this returns to the previous window losing focus. In previous versions 1.0.1 works fine. but in 1.4.5 it does not. On the official website of jquery mobile are the examples: 1.4.5 do not Working https://demos.jquerymobile.com/1.4.5/selectmenu-custom/
swipeleft breaks, inline elements become blocks, when using jQuery 3.3.1 and mobile 1.4.5
When I try to use the stable releases of jQuery and jQuery Mobile, I'm having 2 specific problems: 1. The swipeleft feature stops working. No errors in the console, it just doesn't fire. Changing jQuery to 2.2.4 and leaving jQuery Mobile at 1.4.5 does work, though. 2. All on my <input ...> <label ...> elements turn in to blocks instead of inline. The labels still show up inline, but there's an apparent break (and tab) after each <label>. And removing the <label> tags doesn't help, it just puts a
An issue of JQM
Hello, My website has both header and footer, which are fixed and not toggleable. I want them stick at the top and bottom of window, no matter what happens. However, in some browsers, when a pop-up dialog with a text input shows, the header and footer become not fixed. They disappear automatically. And when that pop-up dialog closed, they do not show again. The header stick at top of webpage and the footer stick at the bottom of webpage. They should return to the top and bottom of window, right?
Autocomplete: Filters again after remote data call?
It looks like the remote data option for autocomplete is re-filtering the results? How it breaks: I want a search for "John Smith" and a search for "John Jr." to both return from the server "John Smith, Jr." - and I'm handling that logic server-side. The first search will work, but the second search gets back the result from the server, then filters it out because it couldn't match the string "John Jr." against the results from the server. It seems like in the server call case, it shouldn't re-run
Strange question mark icons in navbar
I see strange question mark icons in navbar: Here is my full source code: <!DOCTYPE html> <html> <head> <title>Test Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page"> <div
is this a bug?
Hi all, I'm new to this forum. Really strange not sure which section to report a bug(Please do move). I'm working on this few days but popup map wont work. Can you take a look at this? https://codepen.io/anon/pen/qXgRYW
Form being redirected but elements not being posted in mobile web-pages built using jquery-mobile
Just discovered that jquery-mobile interferes with HTMLs File Uploader's functionality. Refer to my post on StackOverflow. Only solution I could find on my own was to remove the jquery-mobile file from the web-page. Has any one else encountered the same problem and whether some other solution is available? The version I am using is 1.4.5.
Cannot use "jquery" in directory name/url?
I am starting with a simple empty template (see below). Took me 2 hours discover a strange issue through various trial-and-error tests. Note the script tag src attribute is using "/libs/jquer/...". This is a deliberate misspelling missing the "y". The moment I switch the directory name (and thus URL path) to "/libs/jquery/..." and update the src attribute accordingly, the whole jQuery Mobile page formatting will fail. Is there a strange path or filename parsing issue? Did I break certain assumption
Buttons made from Link or Button Tags not initialized
Using jQuery 2.1.3 or 2.1.4 and jQueryMobile 1.4.5 buttons that are create from A or BUTTON tags are not being properly initialized. If I have: <input type="submit" id="input_type" value="Input Tag"> <button type="button" id="button_type">Button Tag</button> <a href="#" id="link_type" data-role="button">Link Tag</a> All three are properly rendered as buttons. However only the input[type=submit] is properly initialized. If I run: $('#input_type').button('disable') The button based on the input is
JQM fixed footer “floating” issue
In JQM I want to have a fixed footer but at the same time have a max width of the page (contents to the left). It works fine until I add data-position="fixed" (fixed footer). The footer now fills the whole window and not just 480px. Is this OK or is it a bug? Any ideas how to solve the problem? <div data-role="footer" data-theme="a" data-position="fixed"><h1> </h1> </div> JS: $(document).ready(function() { if ($(window).width() > 480) { $('#page1').css('width', '480px' ); }
jQuery Mobile 1.4.5 Table Reflow
If I follow the example in the jQuery Mobile 1.4.5 demos for Table Reflow, but set up my table using thead: <table> <thead> <tr><th></th>...</tr> </thead> <tbody> <tr><td></td>...</tr> </tbody> </table> Then I don't get any column headers (labels) moved down in the reflow process. I only get data, when headers are supposed to be displayed left of the data. If I use a "old" table, then everything works: <table> <tr><th></th>...</tr> <tr><td></td>...</tr> </table> Isn't Table Reflow supposed to also
Popup menu popping up in wrong place on Android!
I have a popdown menu in the header. On iOS it works perfectly. On Android... well... if you push the menu button some random number of times the MIGHT eventually popup where it's supposed to. It does always popup (generally on the opposite side of the screen) and when its up none of the selections are clickable but instead just dismiss the menu. Here are the files I'm including: <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.4.5.min.css" /> <script src="jquery.mobile/jquery-2.1.4.min.js"></script>
Serious problems with jQMobile_child
Dear Friends. I am very DISTRESSED. I can't seem to FIND where to make changes to my JQMobile_child theme. We have a wordpress website. Which works fine. But we send people to the JQMobile_child theme when they are using their smartphone. But we are trying to make a few changes to the JQMobile_child, such as change the phone number and fix a picture. Please see the pictures. You will notice the changes that we are trying to fix. We also have a picture of the back end. We can't find WHERE
Including a jQuery panel ruins visibility of html elements while scrolling on mobile
i cant for the life of me understand it but heres a link snoblifetest.myshopify.com when i add the markup for a panel...external or internal elements will disappear while scrolling on any phone...without even opening the panel... heck...the mere presence of data-role="panel" causes it... as soon as i remove the code below...mobile scrolling performance returns to normal...very strange <div data-role="panel" id="mobilemenu" class=" panel" data-position="left" data-display="reveal" data-theme="a"></div>
Can't use Android speech recognition in inputs nested in popups
Hello, I'm using jQuery Mobile 1.4.3 with jQuery 2.1.1. My project is a Cordova app hosting a single page webapp written in Backbone.js. I have problems using the voice recognition on Android : - when I simply put my form in a page, it works fine : touching a text input, the keyboard appears, I select the voice recognition and the microphone UI appears. - if I put the form in a jQuery Mobile popup, I get the keyboard too, but if I call the voice recognition, the UI briefly appears, then disappears.
JQM Selectmenu custom filter
Hi, I've got a problem using the custom filtering of a selectmenu. First of all, the demo at http://demos.jquerymobile.com/1.4.5/selectmenu-custom-filter/ throws an error for the long list example. // After the dialog is closed, the form containing the filter input is returned to the popup. .on( "pagecontainerhide", function( event, data ) { var listview, form; // We only handle the disappearance of a dialog generated by a filterable selectmenu if ( !pageIsSelectmenuDialog(
Unhandled error when loading jQuery Mobile in a web-based Microsoft Office add-in
There must be something different about how web pages are hosted inside any supported Office application that is running one of the new web-based add-ins (in Outlook, Word, Excel, etc.). The following error is thrown when the page loads (while debugging in Visual Studio 2015 in my case): "Unhandled exception at line 2954, column 4 in jquery.mobile-1.4.5.js: 0x800a318f - JavaScript runtime error: Object expected" I've tracked it down to this line: window.history.replaceState( state, state.title
jQuery mobile, conflict with joomla?
I use jquery mobile within joomla. Desktop and mobile have different pages. jquerymobile - and therfore my problem - comes only with mobile devices. A button opens a popup and a click next to the popup window closes this window again. This works fine and can be repeated. If I change (with normal html) the page popup works not longer, but again when I made a browser reload. It's posible to reinitialize jquerymobile after paging, according to a reload? Or are there other solutions?
Dynamic page theme swatch don't work properly
Hello, first of all I apologize for my bad english. I'm trying to dinamically change the page theme with the function found in the jquery mobile API documentation. The function is like that: $('[data-role="page"]).page( 'option', 'theme', 'b' ); If i run this function several times with different swatch themes, it add the page css class theme for each swatch instead of switch it. Example: I load the page with default theme. It add in the page class: ui-page-theme-a Then i execute: $('[data-role="page"]).page(
Can not escaped the input value
I'm trying to a html escaped value into a input (submit). <div data-role="content" data-theme="a"> <div role="main" class="ui-content"> <form action="" method="post"> <input type="submit" value="<s>aaa</s>"> </form> </div> </div> I think display a value: <s>aaa</s> But displayed: aaa
Problem with dinamic contect + url
After adding function swipe, website stopped update dinamic content + url. This is code need update content: var default_content="";
$(document).ready(function(){
checkURL();
$('ul li a').click(function (e){
checkURL(this.hash);
});
default_content = $('#pageContent').html();
setInterval("checkURL()",250);
});
var lasturl="";
function checkURL(hash)
{
if(!hash) hash=window.location.hash;
if(hash != lasturl)
{
Problem with jQuery Mobile Tables - Column Toggle Table
Hello users! I want create a web app for my homepage. But my knowledge status in javascript and jquery is just a little bit low. I can not find my syntax error or my thoughts are wrong. I will be glad if somebody can help me. First of all, I send an array from my msql-database with PHP and JSON to the javascript. Just like this: [{"eintrag_id":"2473","aktiv_datum":"2016-01-05"},{"eintrag_id":"2469","aktiv_datum":"2016-01-05"}] When I startet the page all columns and rows will be loaded in the table.-
Swipe and Panel on the same Page just don't work
I have just overhauled my mobile page from 1.3 to 1.4.5 as there were problems in swipes. On the new platform I cannot get the swipe gestures to work with a panel on the same page, for my application the panel just doesn't appear when the ICON is clicked on the first page loaded. I have used the swipe demo as my foundation and this seems to work OK. I found that removing the line in red below from the supplied JS fixed the problem, however when I swipe forward say two pages and then swipe back one
Popup positionTo not scrolling the page
I have a generated page with questions.When one or more questions is not answered, I want to position a popup just above the first non-answered question. In this jsfiddle: http://jsfiddle.net/petitbarzun/ytjbn3kd/ you can see it. It works with a positionTo up to about '#uc5_UC'. When you set the target to a value that would require to scroll to get in to view after loading the page, the popup comes on the lowest element still visible without scrolling. I tried to first force scroll the page with:
Phonegap Jquery Mobile app scroll and navigation problems in IOS9
Hi guys, I have a Phonegap app with Jquery mobile in the AppStore. I recently updated my phone to IOS 9 and the scroll stop worked. Im also having problem with the navigation inside the app. The app random redirect the user to the previous page when the user press a link or sometimes when the app makes ajax calls. I know that IOS 9 have a lots of bugs already but i really need to fix this problem, because the app is actually in production and the users are reporting the same problem. I found some
Content partly hidden behind header (data-position="fixed")
Hi :) I'm facing the following situation: When my app initialises itself, I want to show the loading spinner and hide the first page (#main) until everything is ready. My code hides the #main page by default (display:none) and executes the $("#main").show() after the pageshow event. But the problem is: After $("#main").show() is executed, the first line of the content is partly hidden behind the header. This problem only occurs when the header has the attribute data-position="fixed". Without it,
Page Navigation Issues under IOS9 (beta)
After receiving complaints from several users, I loaded up IOS9 (beta) to test my existing app that works fine under IOS8.4. Much of it works but I seem to be having some serious page navigation issues with the headers that were not present in IOS 8.x. I'm running JQuery mobile 1.4.4. The bulk of the problems appear to be with navigation header buttons using 'data-rel="back"': <div data-role="header" data-position="fixed"> <h1>Edit Stuff</h1> <a href="#" data-icon="back" data-rel="back">Cancel</a>
.popup('open') not working after navigate next page
1) My start up page is 1.aspx and i am using .popup('open') on this page and popup working fine. 2) I navigate to 2.aspx page using $.mobile.changePage( "2.aspx", {transition: "slide"}); 3) back to 1.aspx page using $.mobile.changePage( "1.aspx", {transition: "slide"}); 4) Now .popup('open') function not working. please suggest me solution. I am using jquery.mobile-1.2.0-alpha.1.js
Input file iOS 9 display issue
Hello, I have an issue on IOS 9 when I click on input type file when I build my app on phonegap but when I execute my code on safari then it works OK. Attached the issue (on left safari browser on IOS 9 iphone 6s, on right phonegap build app on IOS 9 iphone 6s) When i click on: '<input type="file" name="myFile" accept="image/*;capture=camera" id="myFile">' For information, it was working fine with jquery mobile 1.2 on phonegap, now I passed on jquery mobile 1.4.5 and it is not working anymore
jquery mobile change on Chrome
Hello, I have an issue when I'm using changePage on Chrome (it is working fine on firefox) Issue I have two pages in one. I use changePage with "slide" attribute. When I slide to page B from page A. It is OK When I slide back to page A from page B then the page is displayed and hidden few milliseconds after When I use "none" instead of "slide" to go on page B from page A then it is wokring fine The code to test it : http://jsfiddle.net/sz9pjbcv/ Thank you for your help.
Dropdown form element not workng when form is submitted to that page itself
I have a page myform.php and it has a form targeted to that page itself like; <form action="myform.php" method="get"> <select name="type" id="type" data-native-menu="false"> <option value="all" selected="selected">Show all forms</option> <option value="forma">Form A</option> <option value="formb">Form B</option> <option value="formf">Form F</option> <option value="formx">Form X</option> </select> <button class="ui-btn" type="submit" name="submit"
Button alert function not working when loaded with ajax
I have a search form in my page1.php file, which is targeted to page2.php, which displays results. I have a button in my page2.php, which on click, alerts "hi", like; $(document).ready(function() { $('#alertbtn').click(function(){ alert("hi"); }); }); This works fine when page2.php is loaded separately, without using page1.php's search form. When I search using page1.php's form, and when page2.php appears, the alert function is not working. How can I fix this?
Popup adds ui-mobile-viewport-transitioning to <body> tag only in certain browsers
I am running JQM v1.3.2 and testing in Chrome 45 and Firefox 40. I have a 1 page per HTML file configuration. Here is a sample of 1 of my pages: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Test</title> <link rel="stylesheet" href="css/jquery.mobile/jqm-theme.css" /> <link rel="stylesheet" href="css/jquery.mobile/jquery.mobile.structure-1.3.2.css"
jQuery Multi-page not working when navigated from another page.
Hi, I have 3 PHP files. In index.php file, I have a search box, like; <div role="main" class="ui-content jqm-content"> <h1 style="text-align: center">Logo</h1> <form action="search.php" method="get"> <div data-demo-html="true"> <input type="search" placeholder="Enter keyword" name="search" id="search" value=""> </div> <div data-demo-html="true"> <fieldset data-role="controlgroup"> <button class="ui-shadow ui-btn ui-corner-all"
problems with scripts
Hi, I have porblems here is my code <!DOCTYPE html> <html> <head> <title>el altruista</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,initial-scale=1"> <link href="C:\Users\paulong\Documents\ahorasi\app\conf-rooms\css\themes\2\tupacata.min.css" rel="stylesheet" /> <link href="C:\Users\paulong\Documents\ahorasi\app\conf-rooms\css\themes\2\jquery.mobile.icons.min.css" rel="stylesheet"/> <link href="C:\Users\paulong\Documents\ahorasi\lib\jqm\1.4.5\jquery.mobile.structure-1.4.5.min.css"
Getting blank page when website is opened in iOS 8.3
When I open my website in Safari with iOS 8.3, I get a blank page. I'm using the latest jQuery mobile library (1.4.5) and the website is displayed fine in iOS 7 and iOS 9. If I commented out the code that loads jQuery mobile script, the website is displayed but without the effects of the jQuery library. Any help is appreciated. Thanks.
Navigation problem with chrome
I am building a little math app using jQuery and jQueryMobile. The transition "slide" works with all browsers except chrome [the page actually disappears and is blank.] I tried very many version combinations but none worked without breaking the design. This only happens with chrome - works perfectly with Firefox and IE. What could be the cause? Is there a solution?
Download builder give JS error
Hi, I tried to download a custom copy of JQM 1.4.5 but the builder gives a JS error as follow: XMLHttpRequest cannot load http://amd-builder.jquerymobile.com/v1/dependencies/jquery/jquery-mobile/1.4.5/?baseUrl=js. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://jquerymobile.com' is therefore not allowed access. And nothing happens just the loader. Regards; Sam
Long list demo is not working
The Long list demo in the following link is not working on Google Chrome Version 43.0.2357.124 m and Android 5.0 browser http://demos.jquerymobile.com/1.4.5/selectmenu-custom-filter/
android webview onpause, onresume
i have a problem, when my android application (webview+jquery mobile) is suspended and onresume is called after 5-20 minutes, jquery freezes - i have to restart the app, i only found this in google - but can´t be a real solution?! http://www.codedisqus.com/0JzjqWgUPj/application-freeze-when-bring-back-to-foreground-cordova-3-jquery-mobile.html
Next Page