FAQ Database Discussion Community


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

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

Javascript, Array of Objects?

javascript,oop,jquery-mobile,mobile
I am a bit of a JS noob, but have good .net experience in my pocket. I am working on a mobile website/app, and I have collected some data similar to business listings from a custom web service. On .net, I would have, at this time, started building a custom...

How to edit Content inside Collapsible Widget?

javascript,jquery-mobile,jquery-mobile-collapsible
I am working in Jquery Mobile and have hit my next brick wall, which I am hoping somebody will kindly point out where I am going wrong. I have a collapsible widget which within I wish to amend the content with different values. An example of my HTML <div data-role="collapsible"...

Dynamically changing select value of jQuery Mobile select box

jquery-mobile
I have dynamically created select menu. How can I dynamically change selected value to third value(Apple). HTML <div> <select id="stylex" data-mini="true"> </select> </div> Code var wid_settings = ["Banana","Orange","Apple","Mango"]; wid_settings_refresh(); function wid_settings_refresh() { var index; for (index = 0; index < wid_settings.length; index++) { $('#stylex').append('<option value='+index+'>'+wid_settings[index]+'</option>'); } $('#stylex').listview('refresh'); } // this...

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

onClick event in jQuery mobile do not work

javascript,jquery,jquery-mobile
I am new to jQuery and have made a page with some buttons i want to do some actions when they are clicked. I have made a jsFiddle with my code. When I execute the code on my laptop with chrome, it works fine. But when I execute it from...

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

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

Popups fail in JQueryMobile 1.3.2 after update chrome version 43.0.2357.65 m

javascript,html,google-chrome,jquery-mobile,jquery-mobile-popup
Has the latest chrome version "43.0.2357.65 m" broken JQueryMobile 1.3.2 for anyone else? When I click a popup now it goes to the top of the page and the scroll bar dissapears. It was fine in previous version. The problem is affecting my applicaiton but is reproduceable on the JQueryMobile...

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

jquery mobile listview - touchstart event to fire on
  • element
  • javascript,android,jquery-mobile
    When I try and fire an event on a listview <li> item it seems that the whole element is not considered, but only the elements inside it: <ul data-role='listview' data-filter='true' data-filter-placeholder='Search Your Trucks..' data-inset='true' data-mini='true'> <li id=tg_1><a id=tg_2 href=#divdet>ONE</a> TEST </li> <li id=tg_2><a id=tg_2 href=#divdet>TWO</a> FOO </li> </ul> The function...

    Height of floating divs are zero at first time, but ok at second time

    jquery,jquery-mobile
    I have a jQuery mobile site, and I want to show three floating divs. Because I do not know the content of the divs, I do not know the heights of them, but I want to make them to be equal height. I thought, this is so simple with the...

    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 Mobile - How to treat form data in second page?

    html,jquery-mobile
    A friend of mine gave me some base jquery mobile code, hoping I could help him deal with the form, except I'm at first year of Uni and only really know Java, although I've spent the past few days trying to learn Jquery Mobile. My problem with this is I...

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

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

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

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

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

    $(“: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 do I know how many physical inches a device screen has?

    javascript,android,ios,css,jquery-mobile
    I have a website that needs to distinguish between mobile phones, tablets, and ordinary laptops. Normally I could use an asp.net function to tell, but the complication is that I want tablets to be treated as NOT being mobile devices. Any device with a screen diagonal greater than 7.5 inches...

    How to add new elements to the page via function calls, and attach event handlers to them, without specifying them inside the function?

    jquery,jquery-ui,jquery-mobile
    So I have an app. It's written on jQuery(UI & Mobile). I have this page structure: Main Page: <!-- Main Page --> <div data-role="page" id="home"> <header data-role="header" data-theme="a"> <h1>Running Tracker</h1> </header> <div data-role="navbar"> <ul> <li> <a href="#add" data-transition="fade" data-icon="plus">Add Run</a> </li> </ul> </div> <div data-role="content"> <h3>Welcome to the RunningTracker App</h3>...

    What is the difference between '.scroll' and 'silentScroll'?

    jquery,jquery-mobile
    Just for my own knowledge, what is the real difference between jQuery .scroll and jQuery Mobile .silentScroll? I've read that silentScroll is used to scroll without triggering the scroll event, but what does really mean? And to add to that, why is silentScroll presumably better for mobile?

    targeting jquery ui buttons

    jquery,jquery-ui,jquery-mobile
    I am trying to change the jquery mobile ui button class into a plus sign. What I have used below. New code trying to use: $('[id*=new] span.ui-btn-inner').removeClass('ui-btn-inner').addClass('ui-icon-plus'); Below is the current code -- <td align="left"> <a href="javascript:submitAction_win0(document.win0,'$IF$new$0$$0');" tabindex="51" id="$IF$new$0$$0" name="$IF$new$0$$0" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-c" style="padding-top: 8px; padding-bottom: 8px;" data-corners="true" data-shadow="true"...

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

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

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

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

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

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

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

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

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

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

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

    Javascript won't load on links with jQuery mobile included

    javascript,python,html,jquery-mobile,flask
    Edit: While trying to find the solution, the topic has changed a bit - TL;DR: See the answer. For all interested in the development of the topic, go on ;-) The title might be confusing, but I don't know how to put it in better words - let's say I...

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

    jQuery Mobile: absolute external panel on right side not working

    javascript,jquery,html,css,jquery-mobile
    I want to use an external header and two external panels, one at the left, one at the right. The catch: The panels should be always visible on big screens. I had some problems positioning the panels with an external header (internal works fine), which I could solve for the...

    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.

    JQuery Mobile content only shown on reload

    javascript,html,jquery-mobile
    I have an index.html containing the following: index.html <html> <head>...</head> <body> <div data-role="page" id="pageone"> <div data-role="header"> <div data-role="navbar"> <ul> <li><a href="#pagetwo" id="pagetwo">Page two</a> </li> <li><a href="#pagethree" id="pagethree">Page three</a> </li> </ul> </div> </div> <div data-role="page" id="pagetwo"> </div> <div data-role="page" id="pagethree"> <div...

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

    EnhanceWithin() is not working

    jquery,jquery-mobile
    am trying to populate a list view via ajax and jquery. after i have populated the data. the enhancement doesnt show. this is what i did. Fiddle Result var poss_ans = "6,4,8,2"; var possibleAnswers = poss_ans.split(","); //poss_ans is string containing all the answer from the database $(document).on("pagecreate", "#page1", function ()...

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

    Disable swipe event when using popup in jquery mobile

    javascript,jquery,jquery-mobile
    My application has a swipeleft and swiperight feature which brings up the navigation menu. The code looks like this. $(document).on("swipeleft swiperight", function(swipeEvent) { //my code here } In a page of the app I am using a jquery mobile popup to display an image. The problem I have is that...

    jquery mobile load external page, events not getting triggered

    jquery-mobile,jquery-mobile-pageshow
    I want to transition to an external jquery mobile page, but none event is getting trigger, when the transition is called: jQuery("#test1").on("pagebeforeshow", function(event) { WL.Logger.debug("pagebeforeshow: test1"); }); function loadHTML(){ $.mobile.pageContainer.pagecontainer("load", "./pages/test1/test1.html", {}); } function openHTML(){ $.mobile.pageContainer.pagecontainer("change", "./pages/test1/test1.html", {}); } and this is the content on my HTML : <div data-role="page"...

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

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

    Parsing XML array using Jquery

    javascript,jquery,xml,jquery-mobile
    I have stuck up with an issue of passing XML using Jquery. I am getting empty array while traversing to jquery.Please help me how to get datas from XML array. I have mentioned my code below. XML <?xml version="1.0" encoding="UTF-8"?> <json> <json> <CustomerName>999GIZA MID INSURANCEAND SERVICES PVT LTD</CustomerName> <mobiLastReceiptDate>null</mobiLastReceiptDate> </json>...

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

    jquery form inserting with php

    php,jquery-mobile,mysqli,insert
    please help find the sourse of my codes issue...when I click request the page just refreshes with all the data gone but nothing is inserted into the db... here is the image of the db and the code! what do I need to change to be able to insert the...

    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 click event not working on mobile device

    javascript,jquery,css,jquery-mobile,touch
    I am trying to make the below JSFiddle work for tablet/mobile devices (e.g. 'on touch' as well as 'click'). https://jsfiddle.net/lkw274/7zt1zL0g/87/ <div class="user-navigation"> <a class="mobile-menu-new" href=""><span></span>Menu</a> </div> $(document).ready(function() { $(".user-navigation a.mobile-menu-new").click(function (e) { e.preventDefault(); $(".user-navigation a.mobile-menu-new").toggleClass("current"); }); }); .current { background: #F00;} Expected behaviour: On clicking 'Menu', either by touch...

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

    Snake Game with Mobile Button Controls

    javascript,jquery,jquery-mobile,canvas,html5-canvas
    In this Snake game, I need the buttons to control the snake just like the arrow keys do. This will allow the game to be played on a mobile device. You can see i have code in there for the buttons, but they are not working properly and not controlling...

    jQuery mobile - generating html dynamically not working with iframe

    jquery,html,jquery-mobile,iframe,overlay
    First things first here is my js $(document).ready(function(){ $('<a>Launch</a>').attr({'href':'#popupBasic','data-rel':'popup','data-transition':'pop','class':'ui-btn ui-corner-all ui-shadow ui-btn-inline'}).appendTo('body') $("<div></div>").attr({'data-role':'popup', 'id':'popupBasic'}).appendTo('body') $('#popupBasic').html('<iframe src="http://www.example.org"></iframe>') }); Through testing I have narrowed the problem down to the iframe. For whatever reason when I use jQuery to create the...

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

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

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

    Use different library instead of jQuery Mobile for