using data-btn-close = "none"
Hello, I have an anchor linking to a dialog box, html of the dialog box here: <div data-role="page" id="myDialog" data-close-btn="none" > <div data-role="header"> <h1>Terms and Conditions</h1> </div> <div data-role="content"> <p>Lorem ipsum dolor allut et alos en</p> </div> </div> But this is not removing the x in the top left of the dialog box. The link to open the box is here: Dialog box opens fine but I cannot remove the actual x with the element. <a class="ui-btn ui-btn-inline
Detect load type in jQuery: ajax vs regular http
Is there a way of knowing if a jQuery mobile page has been loaded directly (regular http call) or though ajax in order to load Adsense? Basically, Google Adsense cannot be loaded in pages that are loaded via ajax because it throws the error message: Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened. So the solution is to only display the Google Adsense banner if it is a regular http request.
Persitent Navbar not working after page Transition.
Hi , I am facing one problem in jquery mobile code , please help me. My problem in persistent navbar. I have two page , In first page don't have navbar. But second page navbar is present and I am redirect from first page to second page . But unfortunately navbar not working in second page. If I run individually second page persistent navbar working fine. I paste my code here: Page :: 1 First.html <!DOCTYPE html> <html> <head> <title>jQM Complex Demo</title> <meta http-equiv='Content-Type'
Question about external links and local projects
I'm new to JQuery mobile and I have viewed several tutorials and I have an issue with linking between pages. I have a simple 2 page setup, index.html and index2.html Many resources say you can simply link with a normal anchor but when I view my project locally, I get a "Error Loading Page" popup appear. If I add rel="external" then it loads the page fine. I am viewing this setup in my browser (Chrome) - so is this expected behaviour? Or should JQM be able to deal with this without needing the rel="external"?
weird behavior navigating to dynamically created page
I have a jquery mobile app where I add dynamic pages. These pages get added to the dom and use the pagecontainer to navigate to the first page created. What happens is it navigates to the page that was created but immediately navigates back to the previous page, which also happens to be the first page in the dom. What's going on???? $.mobile.pageContainer.pagecontainer("change", "#" + firstpage); function changePage() { var activePage = $.mobile.pageContainer.pagecontainer("getActivePage"), nextPage
zoom into and away from displayed image
Using jquerymobile, is there a way where I can display an image ( png image for example ) and be able to zoom into it and away from it? Would be best if I could do with pinch.
Need help!
Hi everyone, How to do a multiple pages with a <form> tag and for loop?
Bind slider max option to observable value
Hello and happy new year: I have a problem to bind the max option of my jquery slider to an ko.observable value. I´ve got the following error massage maybe you can help me. Unable to process binding "slider: function (){return { min:10,max:max,step:10} }" Message: cannot call methods on slider prior to initialization; attempted to call method 'max' This is my code: <div data-role="content"> <div> <input data-bind="textinput: max"></input> </div> <div> <span data-bind="text:
Manually add hash changes using custom part page transitions
I have been working on a page that is used on tablets and browsers and I need to have part of the page transition (slide in and out) leaving a menu on the left side. I have everything working except I can't seem to find out if there is a way to add this to hash changes so the back button will work. Is there a manual way to do this? Thanks.
jQm has grid layout system like Bootstrap's 12 columns?
jQm has grid layout system like Bootstrap's 12 columns?
why pagecreate be executed more than once on mobile device?
i use: http://stackoverflow.com/questions/26673106/how-to-make-jquery-mobile-tab-header-as-fixed/27774056#27774056 code is: http://jsfiddle.net/ezanker/k8jhLzks/ this pagecreate function is invoked several times on mobile device(yet only once on desktop browsers such as firefox). any fixes?
strange swipe behaviour in JQM 1.4.5
I have the following behaviour: (it is reproducible, and I tried different ways of implementation with the same results): I have implemented two very basic functions recognizing leftswipe and rightswipe. both functions simple do an output to the console for now. The behaviour I have is that only every second swipe in the same direction produces an output. So I added functions for the events tap, taphold, vmouseup, vmousedown, vmouseout, vmousecancel. Everything seems to be behaving normal but for
Jquerymobile pages are not fit in Windowsphone screen
Hi, I have developed the application in Jquery Mobile and the version is 1.4.5.Built the xap file using build.phonegap.com.The application working well in android.But in windows phone 8.1,pages are not fitted well.If we scroll up or down the page, the extra space over the header and footer occurring.And if we landscape the screen,the footer is not fitted well.Attached screen shots. index.html: Head: <head> <meta charset="utf-8" /> <meta name="format-detection" content="telephone=no"
Making Listview Transparent
Hey, I set a background image for the page, and I want the listview to be transparent. What should I change in the css to make the listview transparent?
Fieldset of buttons - corners only rounded at the top?
Hi, is it possible on a row of radio buttons so that the bottom left and bottom right corners of the control group buttons are square and not rounded? http://jsfiddle.net/a4poster/fLbza2e7/12/ Thanks A4.
combination of popup and tabs not working on page refresh
Hi, I think I have found a problem when I have a popup and tabs on the same form. If the popup is displayed, and the page is refreshed The page constantly refreshes itself. Please see simple mockup code below which demonstrates Does anyone know how I can work around this? <!DOCTYPE html> <html class="index"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" /> <link rel="stylesheet" href="jquery/mobilelatest/jquery.mobile-1.4.5.min.css"
Selection box inline in header
Being a total noob on all jQ / jQM / Javascript, I'm trying in mobile apps. I learned that in a header section you only have the choice of max. 2 buttons inline with the header, one being left, one right, heading text in between (as opposed to a footer section were you can have multiple icons / buttons). But I want to have a selection box rather then a button on the left hand side, inlined in the header. This example ( http://jsfiddle.net/5t50uzcz/ ) does not work (quite obviously), it is not in-line
Is Windows Phone 8.1 via Cordova compatibility on the JQM roadmap?
As is, the browser compatibility stops at windows phone 8, and there are "issues" on 8.1... I'm curious what (if any) plans are in place to add 8.1. Thanks!
Why dynamic insertion of buttons correct, but .data() not being passed
For reference: jquery-2.1.1.min.js jquery.mobile-1.4.5.min.js Problem exists in bigger project, I pulled code into a test page and tried to fix. I failed. I hope someone can direct me forward. Problem: I dynamically insert buttons into my page. Afterwards, I want to apply .data() values to each of the buttons - The buttons exist in the "generated source code" but any reference to the data key/value are missing. Interestingly, my js can reference the key/value pair as if it exist in the page though
Space between lists on listview. Is there I missed something ?
Hei guys Im not expert in programming. Need to ask, when I try to build listview (any kind of list view) in JQM, Im getting trouble with the space between each list. It should be no space between lists as shown in JQM web examples. Is there I missed ? waiting for your help and solution guys. Attachment = comparisson between example and my result Browser = Opera JQM version = 1.4.5 (loaded js and css as well) Thanks a lot :)
Changing the non-active state of the text on a radio button.
I have a set of radio buttons, the theme of the background is white and the text on the button is white. It is fine when the button is checked as you can see the text clearly visible but how can I change the text on a non-active state to black? Thanks.
Radio Buttons & Stretching 100% on screen.
I am trying to develop an app on the iPhone. However due to the different sizes of the screens one of the problems I have is with radio buttons. I have a set that needs to stretch across the screen but I am completely stumped by it. I have created a fiddle, http://jsfiddle.net/83LpjLe0/, Any help would be really appreciated. Thanks.
Android and IOS Keyboards not hiding
Im using jquery mobile 1.2.0.min and jquery 1.7.2 and i also just tried the jquery 1.8.2 version and still got the same problem. I have tested my app in Android 4.0.4 and IOS6 , Xoom tablet and iphone 4 specificially. On any page , whenever I finish typing something and press the return button , it does not close the keyboard. I have tried .blur() , .focus() on another element , $('input').blur() , a chain of .blur() .focus() .blur() and they all do not work. In fact , .focus() on an element does
tabs widget not working when located in a separate HTML page
Hello, My problem is a non-functional tabs widget whenever it is not initially added to the DOM, but only added after I select a link to a different HTML document. I did some searching and it sounds like this is a legitimate bug (https://github.com/jquery/jquery-mobile/issues/7169) but I am wondering what the best way to address this issue would be.
jquery.mobile-1.4.5.js:13906 Uncaught TypeError: Cannot read property 'not' of undefined
Hi, I got following error: Uncaught TypeError: Cannot read property 'not' of undefined For line 13906 hierarchyClass = cells.not( this ).filter( "thead th" ).length && " ui-table-cell-label-top", in jquery.mobile-1.4.5.js:13906 Uncaught TypeError: Cannot read property 'not' of undefined (after calling enhanceWithin on a table with classes ui-responsive table-stroke ) I see no issues in the end result. Hope this helps! Cheers, Michaël
Bug on IE11 with select-Tag?
Hello out there, does anybody know about a jQuery mobile bug in IE11 according to the combobox / select-Tag? Small snippet to demonstrate: <select name="language" id="cboLanguage"> <option value="1">1 test</option> <option value="2">11 test</option> <option value="3">11test</option> <option value="4">something else</option> </select> Normally it is possible with select-Tab to focus, navigate with arrow keys or press letters and the correct/fullfilling option is automatically displayed. This works
JQM- Popup not opening on .popup("show") in JQM 1.4.4, PhoneGap android 4.4.2
Hi, I am want to add popup widget to my app and It should open by .popup("show") method. I have popup like : <!-- Popup --> <div data-role="popup" id="mob_pop" class="ui-content"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> <label><b style="color:grey;">Prospect Mob. number</b></label><br> <p> <input type="text" maxlength="10" name="cust_mob" id="check_cust"> <a class="ui-btn
SVG Icons Disappear on IOS 8
Running JQM 1.4.5. Get same results on 1.4.4. This happens in IOS 8.1.1 and IOS 8.1.2. This is not occurring on Windows PC or Mac OSX. Have not tried on Android. When running app in IOS 8, the JQM standard icons in the buttons will start disappearing inside the outer circle. At first they all show, then as I run the app, they start disappearing. Here is an image showing some missing, with others showing:
Use one filter to search across listviews
Hi, non-working example of meaning: http://jsfiddle.net/V3CYc/24/ I have three listviews; each has own filter. I'd like to have one filter for all three. Before I start hacking, any advice? To avoid mess if there is a nice way. Thank you very much in advance. Bijan
Delay on all buttons and links
Hi, if i click on buttons/links the response always tooks ~1 second. There is no data retrieved or something, it's just switching from a page to a page (multiple pages on one site). I've tried "Fastbutton" for jQuery but this doesn't solve the problem. My mobile browser is IE 10. Thanks!
searching for lightweight clickable image slider with cycle for jquery mobile version 1.4.5
Hi, I need a lightweight clickable image slider with cycle for jquery mobile version 1.4.5. I saw Image slider example in v1.4.2 but it seems that many features are removed since 1.4.5. I have used owl carousel framework as a work around but a 1500+ line javascript and 300 line overriding css can easily hang my mobile app(its already huge in size). Please help me solve this problem. Thanks & Regards Praveen
Drawing and moving circle
Hello, I need for my work to complete this type of document : my idea : screen 1 : you have a lot of circles, 2 : you select what you need, 3 : result, 4 : complete the percentage. THANKS VERY MUCH!
change background color with jquerymobile 1.4.5
with jquerymobile 1.1.0 I could change color of listview by doing this <li style="background:RED"; ><a href="assetinfo.cgi">Asset Info</a></li> But when I upgraded to jquerymobile 1.4.5 this no longer works How would I change the background color for specific li using jquery 1.4.5
Footer moves following button action/keyboard hide.
Hi, using JQM when having an input field with the keyboard pop-up when I press the done button to signify that you have populated the input field either the footer (that is fixed slides back up into the main screen) or appears right under the text field and then positions itself to where it should be instead of remaining fixed to the bottom of the page. Can this be solved? Thanks in advance.
jQuery mobile changePage crash
Hello, I have a problem with crashing of pages mostly random while clicking between pages and menus. It loads and get blank (white). Any hints? Maybe problems in (link) router? Here is my changePage function: http://pastebin.com/an7Kejp4 Thanks.
White screen after loading screen iOS.
Hi, when using JQM with Cordova (iOS project) I get a white screen for a fraction of a second after the launch image and the main page of my mobile app? Is there a way to eliminate this and if so how? Thanks in advance.
Jquery Mobile Navbar
Hi, How to add image inside navigation tab. In Nav bar I have three option and I want create navbar inside footer as curved manner with with background image. Please suggest me. Thanks Trilochan patra
Custom Navbar style
Hi , How to create custom navbar inside Footer as curved manner. and navbar background has image . I attach my design image. please suggest me . Thanks Trilochan
it is not possible to character input in textarea in the iframe
it is not possible to character input in textarea in the iframe. and if iframe outside, can be entered. 1) I enter in advance the textarea of character. abcdefg 2)In order to insert a character, put the insertion point between characters. abc I defg 3)Character in this state I can not be input. Condition: iOS7.1.2 (iPad) There is no problem in iOS8.1.1 jQuery 1.11.0 jQuery mobile 1.4.2 Safari a.html <iframe src="/textarea.html" width="100%"></iframe>
jQuery Mobile anchor buttons used in ASP.NET MVC view don't change color after click event (Hard to know if button was pressed in mobile UI)
Hi, I am using jQuery mobile anchor buttons in MVC "mobile" view [.mobile.cshtml] . Following is the code for button named "Filter": <a data-role="button" data-theme="d" data-inline="true" data-corners="true" style="height:6px; line-height:5px; font-size:small" onclick="GotoFilters()">Filter</a> In phone UI, when above button is pressed, it does not change button color to reflet button click. Thus, its hard to understand if button click happened. following are the libraries I am loading in mvc
Next Page