FAQ Database Discussion Community


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

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

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

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

jQuery mobile radio button changed event always fires even if already checked

jquery,jquery-mobile,event-handling,radio-button,onchange
I'm using a radio button group containing two radio buttons to dynamically change the content of my page depending on which radio button is checked. The content should be updated, when the selected radio button changes. Therefor i added an event handler to the radio buttons. html: <fieldset data-role="controlgroup" data-type="horizontal"...

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

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

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

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

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

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

    jquery mobile button text switching between two text via click

    javascript,jquery,jquery-mobile
    I have an issue with jquery mobile and a button text switch. The button text should change everytime sie button is clicked. It is working one time only. I click the button, the text and backgound changes, the second time I click it nothing happens. Here ist my code: Button...

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

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

    Use different library instead of jQuery Mobile for