jquery-mobile

How do I check via jQuery if a jQuery Mobile popup is open?

由 被刻印的时光 ゝ 提交于 2019-12-22 10:54:42
问题 I'm able to activate the following jQuery Mobile popup: <div data-role="popup" id="waiting1" data-overlay-theme="a" data-corners="false" data-tolerance="30,15" data-dismissible="false"> <div class="modalAlert" id="waitingContent"> Waiting... </div> </div> using the jQuery command: $(waiting1).popup('open'); but then I want to confirm programmatically that the popup opened, and trigger an alert using an IF statement if it didn't. I tried using the CSS display attribute: if ( $(waiting1).css(

jQuery Mobile -> Override jQuery UI Datepicker -> Layout broken

由 瘦欲@ 提交于 2019-12-22 10:38:10
问题 I am using jQuery Mobile in my web application. There is a datepicker which overrides the default jQuery UI datepicker. Here is the source: https://github.com/jquery/jquery-mobile/tree/master/experiments/ui-datepicker The JavaScript file which overrides it, is here: https://github.com/jquery/jquery-mobile/blob/master/experiments/ui-datepicker/jquery.ui.datepicker.mobile.js I have this line of code: $(".ui-page").live("pagecreate", function(){ $("input[type='date'], input[data-type='date']")

Data-transition effects does not work with tab navigation jquery mobile

由 断了今生、忘了曾经 提交于 2019-12-22 10:23:38
问题 I try to bring some effects to my tabs navigation on my jquery-mobile page but it looks like that the data-transitions argument does not work combined with a tabs navigation. My code looks like this: <div data-role="header" data-theme="a" id="header"> <h1>Mainpage</h1> </div> <div data-role="main" class="ui-content"> <div data-role="tabs" id="tabs" > <div data-role="navbar" data-iconpos="left"> <ul> <li><a id="lblTab1" href="#location" data-ajax="false" class="ui-btn-active" data-icon="search

Going back to previous page works in simulator not on iOS device jquerymobile

由 為{幸葍}努か 提交于 2019-12-22 10:19:07
问题 I am changing the page with this method $.mobile.changePage("Preview.html", { transition : "slide", role : "page", changeHash:true }); this is how my preview page looks like <div data-role="page" data-name="preview" class="prew"> <div data-role="content"> //content </div> </div> now when i touch the screen i have to go back to previous page. so i created this function $('.prew').live('tap', function() { alert('clicked'); history.go(-1);//<--this works in simulator not in device. //window

jquery Mobile popup dialog dismissible on options doesn't work

由 喜夏-厌秋 提交于 2019-12-22 10:19:04
问题 jquerymobile 1.30 + jquery 1.91 //dismissible doesn't apply $("#popupDialogCategoriesButton").click(function (e) { $("#popupDialogCategories").popup("open", { dismissible: false }) }); //dismissible does apply , set it after open $("#popupDialogCategoriesButton").click(function (e) { $("#popupDialogCategories").popup('open'); $("#popupDialogCategories").popup("option", "dismissible", false); }); 回答1: Update In order to open the popup and change the value of dismissible at the same time, add

Not able to open panel or popup programatically in jQuery Mobile

由 风格不统一 提交于 2019-12-22 09:39:04
问题 I'm building my first JQM site so I think I'm missing some simple little thing that's causing me a bunch of problems. I have setup the page, header, content and footer and a panel for the menu. Then I have I have a js file with the following: $(document).on('pageinit', function (event) { alert('this works every time you navigate to another page'); $("#menu-panel").panel("open");//this works the first time only $("#new-lump-sum").popup("open");//this never works }); Can anyone tell me why I'm

jquery mobile url parameter not updating in browser, but getting correct one with “data-url”

由 流过昼夜 提交于 2019-12-22 09:38:43
问题 I created the following example to show what I am experiencing. If I navigate from page1 to page 2 with the button Page 2a, the URL will be ...#page2?id=a as expected. When I click the button to go back to Page 1, then navigate to Page 2b, the URL will still show "#page2?id= a ", but the <a> tag is clearly has an href of "#page2?id= b " along with the $(e.target).attr("data-url") being "#page2?id= b " when I get to #page2. Any ideas what is going on here? Thanks in advance for any help. <html

change font size of button text in jQuery mobile

由 主宰稳场 提交于 2019-12-22 09:38:34
问题 I have 2 jQuery mobile buttons inside a fieldset and would like to change the font-size of one of the buttons. I have tried adding an inline style but that did not work. I have also tried this but that did not work as-well: .myButton { word-wrap: break-word !important; white-space: normal !important; } This is what is happening: (only on the iPhone) Because the screen size of the iPhone, the "Request Change" button is being cut-off. Is there a way for me to change the font-size of the button

Refreshing jQueryMobile styling on radio buttons on the fly

由 ε祈祈猫儿з 提交于 2019-12-22 09:36:01
问题 I'm attempting to re-style a vertical group of radio buttons, and the new theme I add to one of them shows up but the theme I remove from another/the rest doesn't go away. My goal is to change theme of the selected radio button (the related controls, anyway) to make it stand out more when selected. <div data-role="content"> ... <fieldset data-role="controlgroup" id="showChooser"> <legend><h3>Which show are you attending?</h3></legend> <input type="radio" name="activeShow" id="activeShow1"

Refreshing jQueryMobile styling on radio buttons on the fly

由 别说谁变了你拦得住时间么 提交于 2019-12-22 09:32:03
问题 I'm attempting to re-style a vertical group of radio buttons, and the new theme I add to one of them shows up but the theme I remove from another/the rest doesn't go away. My goal is to change theme of the selected radio button (the related controls, anyway) to make it stand out more when selected. <div data-role="content"> ... <fieldset data-role="controlgroup" id="showChooser"> <legend><h3>Which show are you attending?</h3></legend> <input type="radio" name="activeShow" id="activeShow1"
订阅 jquery-mobile