FAQ Database Discussion Community


How to open a jQuery Mobile popup programmatically and close it after 5 seconds

javascript,html,jquery-mobile,popup
I want to open a jQuery Mobile popup programmatically and then close it after some seconds, here is my code : is there anything wrong, cause I'm not getting what I want to show $( "#p" ).popup( "open" ); setTimeout( function(){ $( "#p" ).popup( "close" ); }, 5000 ); <script...

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 ...

This is for jQuery Mobile. Unable to disable my input button

jquery,jquery-mobile
I am trying to disable an input submit button. the problem is, with my below code the button only seems to disable when the page is refreshed. i tried using $(this).atrr('refresh'); so once the button has been disabled it should refresh it so it visually appears to be disabled any...

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...

Change the Position of Jquery Mobile Range Slider values field

jquery-mobile
I am using this code for jquery mobile range slider plugin. <div class="ui-field-contain"> <div data-role="rangeslider"> <label for="range-7a">Rangeslider:</label> <input name="range-7a" id="range-7a" min="0" max="100" value="0" type="range" /> <label for="range-7b">Rangeslider:</label> <input name="range-7b" id="range-7b" min="0" max="100" value="100" type="range" /> </div> </div> the result will display values at the both end of the slider.Is their...

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...

Add buttons to a specific page

javascript,jquery,html,jquery-mobile
I wish to dynamically add buttons to a specific page. Should I be handling this event in order to do so? $(document).on("pagebeforecreate",function(event){ }); How do I establish which page the event is triggered for? ...

Different performance with Intel XDK

cordova,jquery-mobile,phonegap-build,intel-xdk
I use Intel XDK to develop apps with HTML and Cordova. I use jQuery Mobile. My question is: Why if I debug app with XDK and an Android device I have a very good performance, and if I compile app into an .apk, same code works very very slow? Thanks...

error “The connection to the server was unsuccessful. (file:///android_asset/www/index.html)” in codovar and jqury

android,jquery,cordova,jquery-mobile
I created an app for android using cordova and jquery mobile. It works well when I test run the code using google chrome, but when I try to run it on android emulator using android studio in cmd (locate>cordova emulate android) it doesn't working. When i try to run it...

jquery not working for multiple but same class

javascript,php,jquery,html,jquery-mobile
I have this jquery for my mobile menu, to change the class on click jQuery("#slide-out-open").click(function() { if( jQuery( this ).hasClass( "slide-out-open" ) ) { jQuery('#wrapper').css({overflow:"hidden"}); jQuery("body").addClass( 'js-nav' ); jQuery( this ).removeClass('slide-out-open').addClass('slide-out-close'); return false; } else if( jQuery( this ).hasClass( "slide-out-close" ) ) { jQuery('#wrapper').css({overflow:"auto"}); jQuery("body").removeClass( 'js-nav' ); jQuery( this...

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...

Can't change skrollr-menu scroll speed (duration)

javascript,jquery,jquery-mobile,parallax,skrollr
I'm trying to implement skrollr-menu into my website. What I want it to do is scroll down to the very bottom when the button is clicked (which I've got working just fine. The problem is that no matter what I do, I cannot get it to go any slower than...

text-align :center not working

jquery,html,css,jquery-mobile
I am using jquery mobile and have the following html and css: .ui-grid-a { padding: 0; margin: 0; margin-top: 15px; height: 380px; } .ui-block-a, .ui-block-b { padding: 0; margin: 0; height: 33.3%; } .ui-block-a a, .ui-block-b a { width: 50%; } .ui-bar-a, ui-bar { margin: 0 auto; padding: 0; height:...

JQM: Correct touch event to use for navigation, that does not fire on finger scrolling

javascript,jquery,cordova,jquery-mobile,mobile
I am building a cordova application. I have a page with multiple Navigation buttons on it (16). The nav buttons get wrapped to 2 buttons per line. This causes the page to be scrollable. I have an issue where when I scroll the page with my finger, the button I...

jQuery Mobile Slider for dollar amounts

jquery-mobile,slider,jquery-ui-slider,jquery-slider
I am wondering if anyone knows how to modify the jQuery Mobile Slider to show dollar amounts? Or at the very least so show 2 decimal points at all times. i.e. if a user selects 10 I want it to show 10.00 instead of 10. With my current HTML below,...

jquery mobile swipe stops if i swipe right on the first page and and left on the last page

jquery,jquery-mobile
I have 4 pages and I can swipe between them smoothly. But when I swipe right on the first which doesn't have a page before that or on the last page which doesn't have a page after that, then my swipe stops. It doesn't event go to the next or...

jQuery mobile Multiselect doesn't update selected attribute

javascript,jquery,html,jquery-ui,jquery-mobile
I have a jQuery mobile custom multiselect, but when I select one item we have the list of items on the HTML select tag, but it is not updated with the selected attribute. Using the Multiple selects example of the page: <div data-role="fieldcontain" class="ui-field-contain ui-body ui-br"> <label for="select-choice-9" class="select ui-select">...

jQuery mobile elements not aligned center in div

jquery,css,jquery-mobile
I'm developing a jquery mobile application. I have a wrapper div that has css set to text-align: center. The problem is that the text input and checkbox elements are not getting aligned into the center of the login div. I suppose I have to override the jquery mobile CSS but...

Is it possible to get transation flip effects when showing a div manually

jquery-mobile
Is it possible to get transation flip effects when showing a div manually , similar way as we get when using functins like $(':mobile-pagecontainer').pagecontainer("change", "create_an_account.html?UUID=" + UUID, { transition: 'flip' }); This is my fiddle http://jsfiddle.net/EwNRJ/2265/ Could you please let me know how to achieve this??...

$(“: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 +...

How to save PhoneGap App

android,cordova,jquery-mobile,save,local-storage
currently I am developing an app using PhoneGap and JQueryMobile. By now, the functionality is pretty simple: All the user can do, is to create some buttons and dynamically add them to the screen. What I want to do now, is to make this list of buttons storable. On local...

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...

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...

How to checked jquery mobile radio button set via code

jquery-mobile
I use jquery mobile for build a Phonegap application. I create any radio sets like this : I want to checked a radio in a switch case! switch (font_family){ case 'tahoma': $('#radio-1').checked(); ... } Can you help me?...

fixed footer with windowsphone 8.1, cordova and jquery mobile not working correctly

cordova,jquery-mobile,windows-phone-8.1,windows-phone-8-emulator
I want to use a fixed footer in my cordova project. I m currently testing my development on a windowsphone 8 device and emulator. I used two different sizes of the emulator and receive two problems (one for each) regarding the positioning. html code: <div data-role="footer" data-position="fixed"> <div data-role="navbar"> <ul>...

JQuery Mobile listview inside a panel

jquery-mobile,jquery-mobile-listview,jquery-mobile-collapsible,jquery-mobile-panel
I am trying to use listviews with collapsable items within a panel, but I am getting strange results. Specifically, this is a minimal code I am using. Note that everything in the list view is taken from a JQuery Mobile example, so I would expect it to work out of...

Undefined variable admob in PhoneGap AdMob plugin

android,ios,node.js,cordova,jquery-mobile
It's difficult for me to explain my problem because my english is not good, hope you would understand. This is my first try to make a mobile game, all done and I want to show ads by AdMob. I have tried some PhoneGap AdMob plugins such as admob-phonegap , cordova-admob-pro...

Unable to programatically check a checkbox when using jQuery Mobile

javascript,jquery,jquery-mobile,checkbox
I have been trying to mark a set of checkboxes as checked using jQuery. I cannot seem to work out why. Javascript: function getProjects(course){ console.log("getProjects"); var data = { "fn" : "pLoad", "course" : course, "ajax" : "true" }; $.ajax({ type: "GET", url: SERVICE_URL, //Relative or absolute path to response.php...

Why this mobile navigation toggle not working properly?

javascript,jquery,css,jquery-mobile,toggle
I am trying to create a mobile navigation (toggle type) on a breaking point 768px. My mark up is: <div class="tm_menu_mobile"> <div class="menu_icon"> <div class="three_line"></div> <div class="three_line"></div> <div class="three_line"></div> </div> <div style="clear:both;"></div> <div id="nav"> <div class="navigasi_menu"> <div class="navigasi_list"> <div class="nav-menu"> <ul> <li class="page_item page-item-7"><a...

Unexpected data representation

javascript,jquery,jquery-ui,jquery-mobile,local-storage
So I have an app, that allows you to add data, and then it displays all the data(still wip). So I made a Create and Read functionality so far using localStorage and jQueryMobile and jQueryUI. But for some reason when I switch between pages(main page/add data page), I see cloned...

Change button size in Jquery Mobile with a specified class

jquery,css,html5,jquery-mobile
I am designing a Mobile Apps using Jquery Mobile, I hope I can get the result like this, But what I get is this: I dont want to use .ui-btn in my css, I already define custom-btn. Below is the code. <!DOCTYPE html> <html> <head> <style type="text/css"> .ui-page { background...

How to get popups to be defined outside the page they're used in?

jquery-mobile,popup
According to this github: https://github.com/jquery/jquery-mobile/issues/4565 this issue is reportedly resolved yet I have tried to place a popup outside the div of the page a popup button is using latest jqm 1.4.5 and was unable to get the popup to work unless its popup is within the same div as...

Get selected columns for a columntoggle table

jquery-mobile
I have a columntoggle table with some information in it. I would like to get what are the selected columns, to stock those values in a database and when the user logs back in, using those values to make the table load with the columns he has previously selected. Is...

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);...

Changing the value of a jQuery mobile button with a set time

jquery,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...

Jquery Mobile: Horizontal Buttons, fill container

javascript,jquery,jquery-ui,jquery-mobile,mobile
Working on a mobile app, I am trying to create two buttons, that should grow and fill their container. So in portrait view, the two buttons should use up the entire width of their parent, and in landscape view, they should also grow to fill up their entire parent. I...

controlgroup('refresh') not working

jquery,jquery-mobile
I am having problems using both enhanceWithin() and controgroup('refresh'). i posted a question last month about a similar thing(link) and i was help but when i try to apply what i understood it just doesnt work. My problem is I want all the possible answers in the quiz to look...

Change the width of a SINGLE JQuery Mobile Input field?

jquery-mobile
The other two answers on this question propose overriding div.ui-input-text {} However, I have multiple input fields on this page and also within my project. So those answers won't work as they would effect everything on my page or project. How can I modify a single text input? A class...

jQuery Mobile: Position of external panel / always visible?

javascript,jquery,html,css,jquery-mobile
Since I do want to use the same panel on every page in a jQuery multipage html file, I'm interested in using the same code for every page. This should work with external panels. However, I do have a problem with the positioning: As far as I can see, an...

Missing jQuery Mobile icons on Opera Mini

html,css,jquery-mobile,opera-mini
I'm creating elements like that: <a href="#nav-panel" class="ui-btn-left ui-btn ui-btn-c ui-corner-all ui-btn-icon-notext ui-icon-bars ui-alt-icon ui-nodisc-icon"></a> It works ok on browser like Chrome, Android Browser, Opera, etc. but on Opera Mini icons are not visible. It's just an empty space. jQuery Mobile version is 1.4.5...

jQuery Accordion doesn't load unless I refresh the page

jquery-ui,jquery-mobile,accordion
I am trying to use Accordion in my page, but it doesn't load unless I refresh the page. Here is the link: http://mzprojects.net/191stband/191stband.html click on the menu panel and click ensembles. The accordion does not work unless you refresh you page. Please look at the source code for the ensembles...

jQuery mobile data-role=“button” not formatting

jquery-mobile,button
I'm loading into another div with .load('settings.html') function in The settings.html page being loaded contains: <div style="text-align: center; border: 1px solid black"> Application Settings: <br> <a href="#" onclick="resetApp()" data-role="button">Reset Application Key</a> </div> The problem is that the button is not getting formatted as per jquery mobile button data-role. If I...

JQuery - Detect dimension of screen in cm/inches or alternative for displaying on mobile platforms

jquery,jquery-mobile,mobile
I have looked through all the information that I have been able to. As far as I can tell, it appears as if there is no way to detect the dimensions of a screen in cm/inches using jquery. I was wanting to do this because on mobile phones and tablets,...

jQuery mobile appyling on every web page

html,jquery-mobile
I am learning jQuery mobile. I have 3 webpages : Home, About & Contact Us. What i am doing is : <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> I just want to apply jQuery mobile features on home page not on other two. I have written this code only on...

Can't Add Up Radio Button Values with jQuery

javascript,jquery,html5,jquery-mobile,javascript-events
I'm trying to add up all the values of the radio buttons selected on Submit button press. It sometimes changes the 0 to a 200, but it isn't adding correctly. I'm not quite sure what is going on with this one, since the total amount sometimes changes, but isn't accurate....

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 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"> <!---...

Set same size of all controls in controlgroup div with jQuery Mobile?

javascript,jquery,css,jquery-mobile
I have following controlgroup div as shown at Here . with following code: <div id="Etc" data-role="controlgroup" data-type="horizontal" align="center"> <a target="_blank" href="https://www.facebook.com/icnet.tv" class="ui-btn EnglishText">Join us on Facebook!</a> <a href="#ContactPage" data-transition="flip" class="ui-btn EnglishText">Contact us</a> </div> What do i want is that the Contact Us & Join us on Facebook have the same...

Use different library instead of jQuery Mobile for