jquery-mobile

jquery mobile Panel Swipe function causing errors

最后都变了- 提交于 2019-12-22 09:15:09
问题 I'm having such a hard time, I have a flip clock using mootools, then a weather widget using Yahoo API, now I have no idea what is causing "cannot call methods on panel prior to initialization; attempted to call method 'open'" SO i followed this demo, http://view.jquerymobile.com/master/docs/examples/panels/panel-swipe-open.php#demo-page and now i'm getting the error. $( document ).on( "pageinit", "#demo-page", function() { $( document ).on( "swipeleft swiperight", "#demo-page", function( e )

jquery js and jquery mobile js not working

ⅰ亾dé卋堺 提交于 2019-12-22 09:15:03
问题 hi guys i really need helppp!! i am using phonegap with atom editor and My jquery and jquery mobile is not working. All .js file are in a folder named js and the root are properly link. I have try the online code.jquery.com version and it still doesnt work. These are the 2 version i tried. Version 1 `<link rel="styleheet" type="text/css" href="css/jquery.mobile- 1.4.5.min.css"> <link rel="styleheet" type="text/css" href="css/jquery.mobile-1.4.5.css"> <link rel="stylesheet" type="text/css"

How can I display my page to be visible partially on left when the panel scroll left is enabled?

谁说我不能喝 提交于 2019-12-22 08:56:08
问题 IN this link , I can find that there is over lay option where I can hide or show the panel on right or left. But I want to display the panel 90% or + in panel. The same example as in facebook mobile where we have option of seeing friends list on right simultaneously a little part of news feed. I have tried some code in the link provided above which has the code as <div data-role="page"> <div data-role="panel" id="mypanel"> <!-- panel content goes here --> </div><!-- /panel --> <!-- header -->

JQuery Mobile - is there a way to turn off AJAX for the whole page?

こ雲淡風輕ζ 提交于 2019-12-22 08:48:15
问题 I am converting an existing ASP.NET website to use jQuery Mobile controls. The first thing I did was replace the Login.aspx with the new Masterpage and mobile controls. However, now after the login occurs, in the code-behind, there is a Response.Redirect to Default.aspx. When that occurs, a javascript error occurs and the whole page dumps and fails to load. My assumption is that the mechnanism(s) in jQuery mobile that try to AJAX everything are not playing nicely with scripts that MS.NET is

Jquery Mobile Multiline Button

情到浓时终转凉″ 提交于 2019-12-22 08:46:57
问题 How can I set this button multiline? <a style="width:33%; display:inline-block; " href="/foos.html" data-role="button" data-icon="arrow-l">a lot of text </a> 回答1: The above answer given by ppshein is incorrect. It makes a bigger button but doesn't make the button multilined. The only thing you need to do is add the following css: .ui-btn-inner { white-space: normal !important; } It works both for button and input tags. Btw there's a bug for IE: the text in the button isn't clickable. The fix

jQuery find phone numbers on page and wrap in <a href=“tel: ”> links

橙三吉。 提交于 2019-12-22 08:39:19
问题 This a similar question to this old one that never got answered: Wrap <a> tag around phone number using jquery I am making a simple jQuery mobile site out of an existing site that uses a custom CMS. In the CMS there are entries that contain code and text like <div id="departments"> <ul> <li> Department 1 - (555) 123-1234</li> <li> Department 2 - (555) 123-4321</li> <li> Department 3 - (555) 123-6789</li> </ul> </div> I know that most mobile phone browsers will automatically convert the phone

how to get data from url with jquery

你离开我真会死。 提交于 2019-12-22 08:39:09
问题 Is it possible to get data from an url with jquery for example if you have www.test.com/index.html?id=1&name=boo how to get id and name? 回答1: Try this. It's pure javascript, no jQuery involved. In fact jQuery is too heavy for such a job, really. function GetURLParameter(sParam) { var sPageURL = window.location.search.substring(1); var sURLVariables = sPageURL.split('&'); for (var i = 0; i < sURLVariables.length; i++) { var sParameterName = sURLVariables[i].split('='); if (sParameterName[0] ==

JQuery mobile: how to validate the form and show error message on page

梦想的初衷 提交于 2019-12-22 08:26:39
问题 Hi i am new to JQM and i am trying to work on a JQM login page. can any one help me how to do form validation and show the errors below the username and password text box if they are left empty and also when there is a invalid login i have to show it as an error message on top of the form. here is my html: <!DOCTYPE html> <html> <head> <title>Login Page</title> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"/> <link rel="stylesheet" href="jquery

Is it redundant using jQuery Mobile and a responsive layout /CSS media queries?

妖精的绣舞 提交于 2019-12-22 08:01:13
问题 I was checking out http://mediaqueri.es/ today and found out that the websites adapt fantastically to mobile devices. So i wondered if using jQuery Mobile and a response/adaptive layout with media queries together would be redundant, since by using only media queries seems to be a good approach. Is it really redundant or am i tripping on caffeine? EDIT Example: I don't see how this website would benefit from using jQuery Mobile, since it's very well done using media queries. And to be fair, i

jQuery Mobile and a fixed footer

荒凉一梦 提交于 2019-12-22 08:00:02
问题 I've got a jQuery mobile app wrapped in PhoneGap. I'm trying to use a fixed footer and header and having some trouble with the footer. If I have content with X length and then after a click the content is smaller - the footer would move up and not stick to the bottom of the screen. If I click on the screen it will go back to its place. Any ideas why this happens? My footer code is: <div data-role="footer" data-position="fixed" data-id="footer_main"> <div data-role="navbar"> <ul class="navbar"