FAQ Database Discussion Community


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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?

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 Listview overflow not working

javascript,jquery,html,jquery-mobile
I have this HTML page. (I use jQuery mobile 1.3.1) It should be something like a little chat-window. The problem I have is that, when you look at the <li> elements, this <ul data-role="listview"> element should be scrollable. But, for some reason it simply isn't scrollable, because the content seems...

Cannot create custom toolbar button that works on mobile

javascript,jquery,jquery-mobile,mobile,photoswipe
I have the simple code: <button class="pswp__button" id="CustomButton" style="background:none;" title="Custom" onclick="CustomClicked()"> <img src="~/CustomImage.jpg""> </button> This works as expected on desktop browsers. When I switch to mobile though, I cannot get the event to fire when I tap the button. I've tried attaching every event handler I can think of: tap,...

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

Updating a DIV inside a Collapsible in JQuery Mobile only when the Collapsible is opened (eg. load on demand)

html,jquery-mobile,external,jquery-mobile-collapsible
I'm trying to execute a call to an external program to create content in a DIV inside a collapsible in JQuery Mobile, to have some code run when a div in a JQM collapsible appears when the collapsible is opened. I'm trying to use the jquery.appear plugin (https://github.com/morr/jquery.appear) as follows:...

Losing line break when displaying text

javascript,jquery,html,jquery-mobile
I can see the line breaks "↵" for a string in Chrome Developer Tools <br>↵↵<br>Event Status: confirmed↵<br>Event Description: Hog Day (Night )and Hog Day (Day)↵↵Friday... If i double click this and paste to Notepad, the line breaks are preserved. When i save the string to an object like so, var...

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

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

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

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

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

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

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

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

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

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

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

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

Is there a “New” icon built into jQuery Mobile?

jquery-mobile
I want to flag some menu items in my jQuery mobile site as being "New" by adding a flag or icon. Is there anything built in? I don't see any of the standard glyphs or icons that have anything.

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

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.

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

JQuery Mobile - Custom listview height changes on click

css,jquery-mobile
I have a JQuery Mobile listview with a custom item height (50px). Whenever the item is clicked, its height changes. How can I fixate the custom height? Fiddle: http://jsfiddle.net/3gnvhxth/6/ I am using JQuery Mobile v1.45 and JQuery 1.11.1. Before click: After click: HTML: <ul data-role="listview" data-inset="true"> <li class="custom_item"> <a class="custom_link"...

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

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

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

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

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

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

jQuery Mobile, Select not showing selected option until clicked

javascript,jquery,html,ajax,jquery-mobile
I'm trying to add <options> to several <select> dinamically via ajax, when I add them directly in the HTML works fine, but when I load them in AJAX they will not show the selected option until the <select> element is clicked. I've tried to .trigger('create') on all elements and even...

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

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

Use different library instead of jQuery Mobile for