FAQ Database Discussion Community


jQuery mobile panel doesn't close fully only on Android browser

javascript,android,jquery,html,jquery-mobile
JSFiddle: http://jsfiddle.net/nbh1rn33/ I have a weird issue with jQm panel. An opened panel doesn't close fully. See below image: Strangely, this only happens on Android browser, and not on PC (Chrome, IE). Is this a bug with jQm or have I done something wrong? <!DOCTYPE html> <html> <head> <meta name="viewport"...

Jquery Mobile 1.4.5 virtual keyboard in the device hides the form inputs at the bottom of the page

javascript,android,jquery,html,jquery-mobile
I'm using JQuery Mobile 1.4.5 to build a web app. I have found an issue which I'm sure is either a browser or JQM bug when using Google Chrome homescreen (fullscreen) mode in Android (v.4.4.2). When I click on the Click Here!! collapsible header and select the text area, the...

Android 4.4.4 WebView in onPageFinished() getTitle() returns page URL?

android,jquery-mobile
I don't know if I am misunderstanding jQueryMobile or am I seeing a Chromium Webview bug. I have an Android app that uses a webview to display jQueryMobile content. When the user navigates within the DIVs of the page, in onPageFinished() I call getTitle() to retrieve the Html page title....

How is Facebook able to autoplay videos on mobile browsers

facebook,jquery-mobile,javascript-events,facebook-javascript-sdk,html5-video
I realize that many questions have been asked about autoplay videos on mobile devices but before my question is marked as a duplicate, I must say that I looked through a lot of those questions and answers and I have not found a satisfactory answer. Mostly, all of the answers...

Changing button value of a jQuery mobile with a setTimeout function

jquery,html,jquery-mobile
I am facing a very challenging problem due to my little knowledge in jQuery mobile. I have researched many solutions and implemented them but does not seem to work I have a button called click me When a user clicks on the button, the button becomes disabled and the text...

how to add 2 radio button horizontal to listview in jquery mobile

jquery,listview,jquery-mobile,radio-button
I want to add 2 radio button horizontal in every row my simplelistview sample ...

Display Mobile Compatible when it's on mobile

css,jquery-mobile,mobile
Please allow me to ask a silly question about Google's site(google.com). I have tested their site with computer browsers and smartphone browsers. Okay! Here is the question that i have, when the time i make the computer browser to a small screen, the layout of Google's site does not fit...

jquery design after dynamically loading

javascript,jquery,html,jquery-mobile
I have a simple javascript App, which gives out some information of BLEs. Everything is working fine, but I have some problems with the JQuery Mobile Library. I want the whole App in simple JQuery Data-Theme="b". Since the List-View is created dynamically through the addDevice function, it's not working with...

Sortable & Droppable issue with 'connectToSortable' changes DOM structure

jquery,jquery-mobile,drag-and-drop,draggable,sortable
I'm creating a a tool to build a form builder of sorts using jQuery UI .draggable, .sortable and .droppable features. The tool itself's does the following: Includes a list of component in which the user can include (drag) to create a form These components can be dragged into a section...

Jquery functionalities are not working when i load the html data from a string into webview

android,jquery,html,jquery-mobile,android-webview
I'm developing an application in which webview loads the html data which is coming as string from the server.Actually showing that html string in webview is working fine but taking long time if there are any images in that data.So,I think of lazy loader will be good in this case....

How to centre button icons in jQuery Mobile grid

jquery,css,jquery-mobile
I am trying to align button icons in jQuery Mobile grid. But nothing seems to be working. Currently, all three icons are left aligned by default. I want to align the left most icon "right", the centre icon "centre" and the right most icon "left". Below is my basic markup:...

jquery mobile pass parameter along with div id href

javascript,jquery,html,jquery-mobile,parameters
I have a jquery mobile app that uses 2 data-role=page divs. <div data-role="page" id="main"></div> <div data-role="page" id="det"></div> On the link to switch from main to truckdet I use <a href="#det">LINK</a> Is there a way to pass a parameter in the href so I can dynamically extract data from a database...

Constitution mobile Application-Android

php,android,mysql,jquery-mobile
I am building a Constitution Mobile Application (Android) for my group. I want to seek ideas as to how to choose the appropriate method which will in a long way help my group and its users. I want to know which of the following is the best Creating static pages...

jquerymobile pagecontainerbeforeshow only run when refresh page

cordova,jquery-mobile
I´m develop my first hybrid app, and i work with jquerymobile 1.4. the documentation suggests using method pagecontainer. Well, i need populate dynamically one select whit certains values of a xml file, before show the page. If debug app, this only runs when page recharge, not when open. (Chrome nav)....

Leaflet Map error on jquery mobile

jquery,jquery-mobile,leaflet
I'm adding a simple map on jqm. The issue I am getting in console is: GET http://a.tile.openstreetmap.org/NaN/0/0.png 404 (Not Found) JS: var map = L.map('map'); $(document).on("pageinit", function () { L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {maxZoom: 18}).addTo(map); }) On a click function adding a Marker with: L.marker([39, -6.85]).bindPopup("test").addTo(map); map.panTo(L.latLng[39, -6.85]); Using leaflet 0.8. It seems...

jquery mobile 1.2.0 blank screen in chrome Version 43.0.2357.81

google-chrome,jquery-mobile
jquery mobile 1.2.0 version blank screen while slide in chrome Version 43.0.2357.81 m. in other browsers ok.

How to capture events for dynamically created data-role=“collapsible”

jquery-mobile
Could you please let me know how to capture the events for data-role="collapsible" This is my fiddle http://jsfiddle.net/5kbEE/18/ I have tried it this way $('.my-collaspible').on('collapsibleexpand', function() { alert('herere'); }); How ever i observed that the above event is working fine in case the data-role="collapsible" is static one (http://jsfiddle.net/5kbEE/19/). Could you...

Input OnClick is not recognized

javascript,jquery,html,jquery-mobile,iscroll
I have this method that is recursively called. This method creates a li that ll be used on Iscroll plugin. My problem is: The input button does not works. On his CSS I set cursor:pointer to check if the input is recognized, and it is. But I can click it...

Is it possible to remove pagecreate event?

jquery-mobile
I have a pagecreate declaration in my page. It is created each time I read a json file for each value in it. The problem is that if I read the json file 3 times (with a refreshing button), pagecreate is declared 3 times for each value. So I get...

$(“:mobile-pagecontainer” ).pagecontainer( “change” not working on second time

jquery-mobile
On click of a button , i am reloading the same page this way (document).on('click', '.cancelyes', function(event) { alert('herree'); var uuid = '123'; var screen_id = '910'; var cust_id = '122'; var minimum_order = 133; var addreslabel = '222' $(":mobile-pagecontainer" ).pagecontainer( "change", "index.html?UUID=" + uuid + '&screen_id=' + screen_id +...

issue with panel data-display push

jquery,jquery-mobile
I'm just getting into jQuery Mobile - loving it but now hitting the learning curve. Basically I want a number of pages that call the same panel. I have the following. Most of it works. However every other "push" fails with the panel content disparaging at the end of the...

Hidden overflow showing in mobile browser but not in Desktop Browser

javascript,jquery,html,css,jquery-mobile
Here are the screenshots of my mobile browser and my desktop browser. My webpage has some overflow in x axis which I hid using overflow-x: hidden; Is there any way I can make my webpage render in mobile browser, the way it renders in desktop browser i.e. full width and...

Populate data from mysql to ListView (JQuery Mobile) using ajax

ajax,html5,cordova,jquery-mobile
<div data-role="main" class="ui-content"> <ul data-role="listview" id="responsecontainer" > </ul> This is my html file. var output = $('#responsecontainer'); $.ajax({ url: 'http://192.168.1.28/mobile/db_select.php', dataType: 'jsonp', jsonp: 'jsoncallback', timeout: 5000, success: function(data, status){ $.each(data, function(i,item){ var landmark = '<li><a href="#"><h2>'+item.tr_issue+'</h2>' + '<p>'+item.tr_assign+'</p></a></li>'; output.html(landmark);...

Jquery mobile Deeplinking (sort of)

jquery,jquery-mobile
I am using multi-page jquery mobile and need to create a link from one "page" to content on another "page". Am I able to do it straight through <a> or do I need to add additional code? Code : <body> <div style="min-height: 880px;" class="ui-page ui-body-c" data-role="page" id="Welcome" tabindex="0" data-url="Welcome"> <!---...

Using jQuery to Popup iFrame from URL

javascript,jquery,html,jquery-mobile,iframe
I have inherited some code and I am trying to add an enhancement that will open a popup style iframe with the URL. The way the code is laid out is there are different tab-panes within the html window and in the "content" tab it displays information in the #post-body...

Use different library instead of jQuery Mobile for