jquery-mobile

Prevent Phone Number recognition on JqueryMobile

半城伤御伤魂 提交于 2019-12-22 18:23:35
问题 I have this problem using Jquery Mobile. The issue was I have a date value of "12/6/1999" that is displayed on a label. Now JQuery Mobile converted it to a link because it is recognize as a phone number. I'm not very sure if it's jquery that does that or the iPhone. So, my first approach was I'm looking for a way to prevent jquery mobile to recognize phone numbers. Is there a way to do it? If it's iPhone that does it, is there a way that I can disable it? Your help is greatly appreciated. 回答1

Disabled button hides header when clicked

三世轮回 提交于 2019-12-22 18:08:46
问题 I'm having a very strange issue... When I click in a button that is disabled, the header scrolls up... (demo below) Why this happen? Demo Here is the code: <div data-role="page" data-theme="b" @TempData["DataUrl"]> <div data-role="header" data-position="fixed"> MyApp </div> <div data-role="content"> <div style="height:300px">Content</div> <div class="controlGroupButtons" data-role="controlgroup"> <a class="Button1" data-role="button">Marcar</a> <a class="Button2" data-role="button">Desmarcar<

Firing twice when swipeleft and swiperight in jquery mobile?

浪尽此生 提交于 2019-12-22 16:55:06
问题 I am new to jQuery mobile. I am using the swipe concept for swiping multiple separate html pages. It's working correctly when I come from swipepage3 to swipepage2. swipepage2 to swipepage1 and swipepage2 to swipepage3, It's firing twice. How to fix this issue? Here is my code: Swipepage1.html <!DOCTYPE html> <html> <head> <title>Share QR</title> <meta name="viewport" content="width=device-width,height=device-height,minimum-scale=1,maximum-scale=1"/> <link rel="stylesheet" href="http://code

Vertical align text middle in jQuery Mobile Button?

随声附和 提交于 2019-12-22 16:30:11
问题 I'm attempting to shrink the height of a jQuery Mobile Button for a better fit in a list view, but I cannot get the text to line up properly. Here's my implementation so far: .listDelBtn .ui-btn-text { margin: -5px -15px -5px -15px; } <a class="listDelBtn" data-role="button" data-theme="b" style="float: right; width: 75px; line-height: 11px; margin-top: 6px; z-index: 12; padding: 0 0px 0 0px;">delete</a> the styled margins do affect the width of the button to give it a shorter length, however

YouTube player stops after few seconds on mobile

北城余情 提交于 2019-12-22 14:58:17
问题 I have a YouTube video embedded in my mobile webpage. On desktop, it plays properly. However, on mobile phone (emulated on Android), it stops after some time throwing an error. When I debugged in console, following errors are generated: Failed to load resource: net::ERR_FAILED XMLHttpRequest cannot load http://r13---sn-nx57yn7s.googlevideo.com/videoplayback?source=youtube&ipbit…s_redirect=yes&mm=30&ms=nxu&mt=1410325650&mv=u&range=0-65535&keepalive=yes . No 'Access-Control-Allow-Origin' header

jQuery Mobile Input & Textarea Custom Style

烈酒焚心 提交于 2019-12-22 13:57:13
问题 I am trying to style my jQuery Mobile Form inputs & textareas. Right now they come custom like this: http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/forms/forms-text.html HI want to style them myself with no rounded edges. I have solved this by adding a new style sheet and adding: input { width:100%; height: 40px; border: 0px !important; border-bottom: 1px solid !important; border-bottom-color: #ccc !important; -moz-border-radius: 0px !important; -khtml-border-radius: 0px !important;

jQuery Mobile Autodivider Not Formatting Correctly - Using Hot Towel Views

六眼飞鱼酱① 提交于 2019-12-22 13:04:46
问题 I'm trying to get my list to look like this: But it looks like this: I've copied the code directly from the jQuery mobile site: <ul data-role="listview" data-autodividers="true" data-filter="true" data-inset="true"> <li><a href="index.html">Adam Kinkaid</a></li> <li><a href="index.html">Alex Wickerham</a></li> <li><a href="index.html">Avery Johnson</a></li> <li><a href="index.html">Bob Cabot</a></li> <li><a href="index.html">Caleb Booth</a></li> <li><a href="index.html">Christopher Adams</a><

jQueryMobile default font-size too big, can I downsize for Computer-screen?

天大地大妈咪最大 提交于 2019-12-22 12:27:10
问题 @Phill Pafford gave the solution for my oposite problem: jquery mobile default font size using the meta viewport solution. But, this is great for up-sizing the viewport to adapt to a phone screen. I'm implementing jQM framework only to give a mobile look-n-fell on a "regular" Web-based App that runs on computer screens. And the font looks very big on them! How can I globally down-size the font-size or adapt it (responsive design) to be more appealing (i.e. smaller) on a computer screen?

Jquery Mobile Listview Clicked Item - Pass parameter to another page

断了今生、忘了曾经 提交于 2019-12-22 11:56:27
问题 I've a index.html page. Also this page contains lots of page like #home, #list #contacts etc. in #list part i dynamically get data from my webpage and generate listview. I want that, when user click any of list item, redirect to #imageDetail page and pass image URL to page and show image here is the #imageDetail page part <div data-role="page" id="detailedIMAGE" data-theme="a"> <div data-role="header" data-theme="b" data-position="fixed"> <h1>Image Detail</h1> </div> <div data-role="content">

EnhanceWithin() is not working

眉间皱痕 提交于 2019-12-22 11:36:02
问题 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 () { var $posans = $('#poss_ans'); for (var i = 0; i < possibleAnswers.length; i++) { var label = possibleAnswers[i]; $radio = $('<li />', { id: 'rad' + i, text: