jquery-mobile

how to make a dropdown list using json format compatible with jquery

邮差的信 提交于 2021-02-17 06:42:08
问题 I have the following codes that works successfully with js but don't under jquery (precisely jquery mobile 1.4.5). let me describe it : In js folder I have json list that I put into a function function JsonList(){ var Food = //4 elements json format [ { "name": "Food1", "Glc": 2, "Lip": 0.2, "Prot": 0.5, "IG": 20 }, { "name": "Food2", "Glc": 4, "Lip": 1.2, "Prot": 0.7, "IG": 40 }, { "name": "Food3", "Glc": 5, "Lip": 0.32, "Prot": 0.76, "IG": 60 }, { "name": "food4", "Glc": 7.5, "Lip": 1.5,

jQuery Mobile - Submit a form, redirect to a page id?

£可爱£侵袭症+ 提交于 2021-02-16 20:08:34
问题 I am setting up a login screen in jQuery Mobile. Upon submission. I want it to hit the auth.php, which will return a session key of some sort, and then load page #two in my index file. So my main question is: How do I hit auth.php and also load page #two in my index. <!--index.php--> <form action="auth.php" method="post"> <div class="ui-body ui-body-b"> <input type="text" name="name" id="name" value="" class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" placeholder=

jQuery Mobile - Submit a form, redirect to a page id?

最后都变了- 提交于 2021-02-16 20:07:26
问题 I am setting up a login screen in jQuery Mobile. Upon submission. I want it to hit the auth.php, which will return a session key of some sort, and then load page #two in my index file. So my main question is: How do I hit auth.php and also load page #two in my index. <!--index.php--> <form action="auth.php" method="post"> <div class="ui-body ui-body-b"> <input type="text" name="name" id="name" value="" class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" placeholder=

jQM select pre-render?

末鹿安然 提交于 2021-02-11 18:22:03
问题 I am using a grouped select to achive my desired interface...two questions: I need to intercept the DOM before actually showing the list of selects because there is text in the injected SPAN that jQM adds which I want to further enhance by wrapping some minor text in tags for better visual acuity. The select controls will not seem to go full width given this code. <fieldset data-role="controlgroup" data-mini="true"> Any ideas on how I might accomplish these tasks in 1.4??? Regards, Alex 回答1:

JQM specifying swipe page change

泄露秘密 提交于 2021-02-11 17:59:30
问题 Trying to make a mobile webapp. Three of the pages namely article1,2,3 should transition from one another on swipe. Within each article page there should be links to other page that show up with a flip transition. I have managed to sort of make it work however the code I am using is causing the app to be able to swipe through all of my 'pages' while I wish to target only the 'article' pages for the swipe feature. I think mainly the JQ needs to be changed to go directly to specific pages, is

Pass data between pages

懵懂的女人 提交于 2021-02-11 05:30:42
问题 I'm working on a mobile app on phonegap, and I need to pass variables between pages exactly like : http://coenraets.org/apps/directory/jqm/index.html but my problem is that I can't use a php file. How can I do that ? Thank you :) I just tried the LocalStorage which is mentionned here : http://docs.phonegap.com/en/1.6.1/cordova_storage_storage.md.html#localStorage but it doesn't work : here's my code : Page1 : $(data).find("Book").each(function () { var temp = $(this).find("name").text(); var

Border around google chart

僤鯓⒐⒋嵵緔 提交于 2021-02-10 13:53:08
问题 I am having a little issue in google chart implementation. As per requirement, the chart should be enclosed within outline (border) as shown here: But I am getting following output: Here is the options I am using for chart: gChartOptions = { chartType:"ComboChart", containerId:"visualization", stackSeries: true, isStacked : true, pointSize: 3, backgroundColor: '#000', legend: 'none', tooltip:{ trigger:'none' }, colors : ['#6DB1E2','#FDCB34','#69BD44','#ffffff','#A2469B','#ffffff'],

Hide address bar in android chrome browser with scroll down gesture

久未见 提交于 2021-02-10 07:25:16
问题 I have an web app developed using jquery mobile. Initially, I was trying to fit content exactly inside viewport by assigning height to the content. $(".ui-content").height(viewportHeight); This worked well for me. But now I want to hide address bar. So for doing this I added some extra pixels to viewportHeight (e.g. added 1.5px extra to viewportheight ). As height is now greater than actual device's viewport, scroll down gesture should help hide address bar. This works on all tablets, but not

Hide address bar in android chrome browser with scroll down gesture

不打扰是莪最后的温柔 提交于 2021-02-10 07:25:15
问题 I have an web app developed using jquery mobile. Initially, I was trying to fit content exactly inside viewport by assigning height to the content. $(".ui-content").height(viewportHeight); This worked well for me. But now I want to hide address bar. So for doing this I added some extra pixels to viewportHeight (e.g. added 1.5px extra to viewportheight ). As height is now greater than actual device's viewport, scroll down gesture should help hide address bar. This works on all tablets, but not

Hide address bar in android chrome browser with scroll down gesture

穿精又带淫゛_ 提交于 2021-02-10 07:25:04
问题 I have an web app developed using jquery mobile. Initially, I was trying to fit content exactly inside viewport by assigning height to the content. $(".ui-content").height(viewportHeight); This worked well for me. But now I want to hide address bar. So for doing this I added some extra pixels to viewportHeight (e.g. added 1.5px extra to viewportheight ). As height is now greater than actual device's viewport, scroll down gesture should help hide address bar. This works on all tablets, but not