jquery-mobile

问题 I don't want the styles for the <a> tag. I've found threads like this How to "turn off" jQuery Mobile's styling of <select> drop downs? but I don't want to be adding data-enhance=false to every anchor I have. I was also hoping linkBindingEnabled would work (from http://jquerymobile.com/demos/1.2.0/docs/api/globalconfig.html), as in it wouldn't add custom classes to the <a> tag. I could delete the definitions in the CSS file, but I'd prefer a programmatic way to do it. For example, I comment

问题 I have a JQM app with one specific page that I do not want styled. All I have found so far is data-role='none' - but I don't want to have to apply that to every element on the page... Is there a way to turn if off just for this one page? 回答1: You can use data-enhance="false" in conjunction with $.mobile.ignoreContentEnabled=true to stop the auto-enhancement that jQuery Mobile does to a pseudo-page: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1

问题 I've been trying to test my jquery mobile app on multiple devices. I currently have a panel that is opened via swipe or clicking on a 'menu' button. However, on wide screens, the app just looks funky. WAY too wide. I understand this is meant for mobile, but, why not format it for ipads/surface/androids as well? To do this, I'd like to shorten the width by requiring the panel to be open at all times when the width exceeds a specific value. I've dug through the documentation, and the closest

问题 How to remove the round edges (border-radius) from the particular element or from div tag that is using jQuery Mobile? 回答1: In the jQuery mobile CSS file linked here, search for this string: .ui-corner-tr { I don't know if you're even using the default styles, but there's what I found based on the info you provided. You should be able to change all four corners in that area (as .ui-corner-tr , .ui-corner-tl , .ui-corner-br , .ui-corner-bl , etc., etc.) 回答2: Talking about buttons, you can

问题 How does jQuery mobile hide mobile safari's addressbar? I think I need a similar solution, but i don't want to use jQuery mobile ... I tried: http://davidwalsh.name/hide-address-bar but that doesn't work in my case. My first child of the body is an absolute positioned div with -webkit-overflow-scrolling: touch ; The -webkit-overflow-scrolling property seems to cause this problem, without that property it works fine. Part of this problem is the address bar always stays in foreground, even if I

问题 i"ve been hunting the docs and can't seem to find a way to make a scrollable horizontal navbar in jQuery mobile has anybody accomplished this yet ? here's what i have for navbar so far <div data-role="header" data-scroll="x"> <ul> <li class="logo"><a href="#"><img src="img/iphoneheader.gif" alt="Penn State Live" /></a></li> <li id="link"><a href="#type=colleges">Colleges</a></li> <li><a href="#">Campuses</a></li> <li><a href="#">Faculty and Staff</a></li> <li><a href="#">Of Interest</a></li>

问题 i"ve been hunting the docs and can't seem to find a way to make a scrollable horizontal navbar in jQuery mobile has anybody accomplished this yet ? here's what i have for navbar so far <div data-role="header" data-scroll="x"> <ul> <li class="logo"><a href="#"><img src="img/iphoneheader.gif" alt="Penn State Live" /></a></li> <li id="link"><a href="#type=colleges">Colleges</a></li> <li><a href="#">Campuses</a></li> <li><a href="#">Faculty and Staff</a></li> <li><a href="#">Of Interest</a></li>

问题 We have an app with essentially one UIWebView which is set to "iPhone App" in XCode. Until now all worked fine, but using the iOS 7 iPad Simulator the App now appears in "Full Screen" immediately, which would not be the problem, but the WebView also appears to be zoomed in. I only see the upper right 1/4 of the website thats loaded and have to scroll to see the rest. We use jQuery mobile 1.3.1 in the application. edit I found the error. It seems the semantics of the viewport meta-element

问题 I need to find the device-width of the mobile device. Although we can specify the content <meta name="viewport" content="width=device-width; user-scalable=no" /> But i need to programmatically obtain the device width to compute some logic in my application. How can I get the device width? 回答1: The viewport dimensions can be gathered via the window object: var viewport = { width : $(window).width(), height : $(window).height() }; //can access dimensions like this: //viewport.height Though you

问题 I am opening a pop up screen on clinking the header button actually after open of pop up I fill my field than my keyboard will open. Along with black screen also open. How to remove this unnatural behaviour. Actually the the theme move upward when open the keyboard. I used simple code : http://jsfiddle.net/ravi1989/jDKDW/ <div data-role="page" id="Home" > <div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false" > <h1 class="ui-title" id="hdr" style="text-align:left