jquery-mobile

How to keep this <p> from getting clipped when it exceeds the width of the page?

痞子三分冷 提交于 2019-12-19 05:25:08
问题 I'm working with jQuery Mobile and one of my pages is giving me problems. I have a <p> embedded in a list like so: <div data-role="page"> <div data-role="header"> <h1>Page 1</h1> </div> <div data-role="content"> <ul data-role="listview"> <li data-role="list-divider"> List Heading </li> <li> <p>A very long paragraph that <b>should</b> be wrapped when it exceeds the length of the visible line.</p> </li> </ul> </div> </div> No matter what I do, the page looks something like this: The <p> is

hiding the slider input box in jquery

筅森魡賤 提交于 2019-12-19 05:16:08
问题 I am using jquery Mobile 1.0. I have this html code. <label for="slider" class="ui-hidden-accessible"> Input slider: </label> <input type="range" name="slider" id="@(Model.QuestionNo)_slider" value="25" min="0" max="100" /> Its rendering like this: But I want to remove the red marked part. I want to show only slider part. How can this be done? 回答1: If you just want to get rid of the up/down arrows, you can wrap the input in an element with a specified width/height and overflow : hidden : $("

Dynamic html page creation with jquery

懵懂的女人 提交于 2019-12-19 05:08:25
问题 I will try to keep this post the shortest possible. I am trying to create a jquery mobile web-page where , i import the photos and albums from a facebook page , using the facebook javascript sdk , and show them to my page. I also use the PhotoSwipe plugin to get the albums show nicely with carousel effects etc. You dont need to have any knowledge on the plugin or the sdk to help , as i can tell you exactly where is my problem and you only need to know javascript/jquery. My problem is that i

jQueryMobile listview with filter reveal, show items on click

倖福魔咒の 提交于 2019-12-19 04:49:18
问题 I have a listview created with jqueryMobile using the data-filter reveal feature. This feature hides the list elements and shows those matching the entered characters as you type. My data source is local (meaning the list is statically populated). What I would like to do is to show all items without the need to enter any characters, but when the list itself gets the focus (and hide them when it's lost). I know I could just jQuery all elements and do the show/hiding myself but I was wondering

$.ajax POST returning “status”:403,“statusText”:“Forbidden” cordova android

陌路散爱 提交于 2019-12-19 04:41:31
问题 I am developing Android phonegap application with jquery.mobile-1.4.3.js and cordova.3.5.0. i am calling $ajax for web service. below is a code snippet. $.ajax({ type: 'POST', data: LoginData, crossDomain:true, dataType : 'json', timeout: 50000, url: 'https://dsp-wasatchtechies.cloud.dreamfactory.com/rest/user/session?app_name=XXXXX', success: function(data) { console.log(' SESSION' + JSON.stringify(data)); }, error: function(data) { //ActivityIndicator.hide(); console.log('ERROR : SESSION' +

Android 4.x orientation with phonegap

对着背影说爱祢 提交于 2019-12-19 04:39:20
问题 I've a web app with phonegap 1.3 and jquerymobile 1.0 that works well on all android version but 4.0 In fact if I change the orientation the app force close with no errors and no (as I can understand) logcat errors. If I open my app in portrait works, If I open in landscape works but if I try to switch closes Here's my code: import android.os.Bundle; import com.phonegap.DroidGap; public class MYActivity extends DroidGap { @Override public void onCreate(Bundle savedInstanceState) { super

Checkbox in ListView with Jquery mobile

心不动则不痛 提交于 2019-12-19 04:05:46
问题 I am starting to learn HTML5 and CSS (with Jquery Mobile), and because I do not have much background in this area, I am stuck at something very easy. I want to put a checkbox in a listview (at each li). How can I do it in order to look like that : http://a4.mzstatic.com/us/r1000/095/Purple/ff/1d/33/mzl.ecpvufek.320x480-75.jpg (I mean that the checkbox is at the left of the others text and all). For the moment, my code is : http://jsfiddle.net/AzN7S/ And as you can see the checkbox is above

Chrome on iOS shows weird url for jQuery Mobile page (ASP.NET MVC)

扶醉桌前 提交于 2019-12-19 03:55:14
问题 I have a jQuery Mobile page that works ok in Safari on iPhone (iOS 5+). And when clicking at this link... @Html.ActionLink("Click to download", "Download", "Home") ...I am taken to myapp.com/Home/Download When clicking the same link in Chrome on iPhone I'm taken to myapp.com/ (F(LzXF8gDEEPPgR7F_UZ0wf2uWg1e-aK1mgwtvzxCTIgflM43gYVEY06XIIq91OLlyjnRXo78AXHQLoXMUXRjOLKQltEhrsYgmTnSNsHzBfl01)) /Home/Download Does anyone have any idea why the URL gets so messed up? (From that url no subsequent link

Jquery mobile, remove previous page

旧街凉风 提交于 2019-12-19 03:41:12
问题 I'm using jquery mobile with phonegap. My app has two pages: login page and list page. When login successfully, the user will go to the list page. Afterwards, when they press the back button on their phone (android), they will go back to the login page. I don't want behavior like this. What I want is to exit the app. 回答1: As I answered in this question: page hash and backbutton issue phonegap+Jquery You can change pages without keeping them in browser history like so: $.mobile.changePage('

White flash between pages with PhoneGap and jQuery Mobile for mobile app

自作多情 提交于 2019-12-19 03:36:06
问题 When navigating between pages using jQuery Mobile and PhoneGap on iPhone, there is an annoying white flash that displays just before the new page loads. A simple link like this will cause this: <a href="user.html" rel="external" data-role="button">User details</a> How can I fix this? A reasonable workaround may have been to change the white flash to the same color as my web page background color, but I don't know if this is possible either. Update: I'm using PhoneGap 1.5.0 (aka Cordova),