jquery-mobile

Visualize energy efficiency level

由 流过昼夜 提交于 2020-01-06 06:15:06
问题 I want to create something like this: The black line represents a specific value. I need this visualization within a phonegap-app. I'm using jQuery-mobile and Flotcharts for some other stuff. What would be the simplest way to go? Flotcharts does not seem right for this kind of chart. 回答1: I took a few moments to implement this based in part on @DNS's suggestions above. I did it without using any plugins, just straight flot magic. First, I created a gradient background image like the one above

Get checked radio button when migrate to JQM 1.1 RC1 not working

由 爱⌒轻易说出口 提交于 2020-01-06 04:38:27
问题 To get the value of checked radio button I use something like this $('input:radio[name=rbutton]:checked').val() This work well until I upgrade the version of jQuery Mobile from 1.0 to 1.1 rc1, then i could not get the value anymore, i just get "undefined" I dont understand why something basic like this does not work for a change of JQM lib.. I paste and example <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test radio button</title> <link rel="stylesheet" href="http://code.jquery

Set text in anchor tag(data-role=“button”) the text is collapsed

由 淺唱寂寞╮ 提交于 2020-01-06 03:53:06
问题 In my JQuery Mobile(1.3.2) application used <a data-role="button" > and set the button text dynamically using jquery . The problem is when start scrolling the page the button text is collapsed like the below image. I didn't use any extra styles. 回答1: I faced similar issue before like your's. I did like the following. After adding dynamic rows you need set like $(".yourinsertedbutton").trigger("pagecreate"); it resolves my issue. Try this one $(".yourbtn").button('refresh'); OR try like this:

Changing the content of div in Jquery Mobile

由 我是研究僧i 提交于 2020-01-06 03:46:07
问题 I am using the data received from mysql and then trying to make a list from that data. Here is my connection.php <?php $dbhost='localhost'; $dbuser='amey19_amey'; $dbpass='project'; $db='amey19_project'; $conn=mysql_connect($dbhost,$dbuser,$dbpass) or die("Could not connect"); mysql_select_db($db); ?> Here is my index1.php <?php include 'connection.php'; $query="SELECT * from railway"; $result=mysql_query($query) or die(mysql_error()); //while($person=mysql_fetch_array($result)){ $person

how to make nested list in slide panel?

由 蹲街弑〆低调 提交于 2020-01-06 03:21:23
问题 Can you please tell me how to make a nested list in slide panel in jQuery? I am able to make a slide panel, but I want to make nested list in left panel in jQuery. http://jsfiddle.net/qUMbC/31/ can we make nested list in slide panel ? <div data-role="page" class="jqm-demos" data-quicklinks="true"> <div data-role="header"> <h1>External panels</h1> </div> <div role="main" class="ui-content jqm-content jqm-fullwidth"> <a href="#externalpanel" class="ui-btn ui-shadow ui-corner-all ui-btn-inline

jQuery Mobile not resizing page correctly

由 点点圈 提交于 2020-01-06 02:32:27
问题 I'm developing a Phonegap solution using jQuery Mobile and I'm having a problem with page resizing. As you can see, the page goes beyond screen size and thus enables scrolling. I've tried resizing on pageshow , but no succcess: $(document).on('pageshow', '[data-role=page]', function () { $(window).resize(); }); Even if I remove everything from inside the page, it goes beyond the phones screen - and manually resizing the browser screen doesn't help. Does anyone know what I can do to fix this

Phonegap 2.9 android - InAppBrowser - <input type=“file”> not working

由 一个人想着一个人 提交于 2020-01-06 02:22:09
问题 I have a small phonegap app for android. One button launches a website I built with jquery mobile 1.3. I am opening the page using: websiteRef=window.open('https://'+webstage+'.mysite.org/mobile?language_id=2', '_blank', 'location=no' ); The website works fine. But when I hit one page that allows for uploading a file using the following markup: <input type="file" name="upload" value="file" data-inline="true" style="min-width:100px;"/> It does not work. It does not even show a file selection

Table rendering issues using jQuery Mobile

由 时光怂恿深爱的人放手 提交于 2020-01-06 01:53:39
问题 I'm new to jQuery Mobile and I'm trying to render a table with headers in the left column and data on the right column, as demonstraded in jQuery Mobile docs here. Here's my test code: <div data-role="page" id="home"> <div data-role="header" data-theme="b"> <h1>Header</h1> </div> <div data-role="content"> <ul class="subheader" data-role="listview" data-divider-theme="d" data-inset="false"> <li data-role="list-divider" role="heading">Section</li> </ul> <table data-role="table" data-mode=

How to refresh rangeslider in jquerymobile

由 无人久伴 提交于 2020-01-05 12:09:09
问题 I use jquery-1.10.2 and jquery.mobile-1.3.2 And $(".rs").rangeslider(); $(".rs").rangeslider('refresh'); not working when i try to add rangeslider by js. Error is: Uncaught TypeError: Cannot read property 'slider' of undefined Sliders are not refresh correctly too by .slider(). There is no number field after refresh. Is there problem in jquerymobile api for refreshing sliders or my mistake? 回答1: It seems that Range slider enhancement methods aren't functioning as they should. Unlike toggle

PHP How to detect jQuery mobile A grade browsers server side?

由 偶尔善良 提交于 2020-01-05 12:07:14
问题 I want to exclude the jQuery Mobile JS library from my header when a phone does not have "A grade" support as listed by jQuery Mobile (http://jquerymobile.com/gbs/). I find that on old Blackberry phones (that support JS) the jQM framework grinds these phones to a snails speed. As an example these guys do a good job at serving up the jQuery Mobile library and associated styles depending on the mobile browser support: demo.livebookings.biz How can I implement a similar server-side approach so
订阅 jquery-mobile