Transitions not refreshing css ?
Hi I have a site with a top level menu and on each link of the menu I use a different css to change the theme. Ie the first link shows green colors the second blue etc. I have started to use jQuery mobile transitions by adding to each link data-transition="slide" . This seemed to work great apart from the css colours never change as the css seems cached. (I can do a browser reload after the transition to update) I also have a page with a block like <style> .info { display: none; } </style>
1.4.4 ThemeRoller
Hello Please clarify how to update custom theme to 1.4.4 version ? Looks like themeRoller is not updated long time. Is the any planned date to update it ? Thank you in advance. Serhiy
responsiv div
hey, i want to put this code: <script type="text/javascript"> var sitename = "http://hls.turkuvazgroup.net/atv-hls/smil:atv.smil/chunklist.m3u8"; var sitenamemobil = "http://hls.turkuvazgroup.net/atv-hls/smil:atv.smil/chunklist.m3u8"; var genislik = "620"; var yukseklik = "350"; var gorunum = "bekle"; var baslat = "true"; var playbaslik = "ATv izle - www.tvizlek.com"; var baslangicresmi = "http://3.bp.blogspot.com/-wLRvmNfqfZw/U1AySrrSoZI/AAAAAAAABoc/lAiVniAxUec/s1600/izlekaltlogo.png"; var logo
map is not showing correctly
sorry my english is basic,can help me on this I can not find the solution,attached image and code code
Injected radio controlgroup does not get styling
I'm trying to take a JSON response array and turn this in to a radio controlgroup. I have the following function: function ControlView(parent, control_name, data) { this.control = control_name; this.container = $( '<form><fieldset data-role="controlgroup" data-type="horizontal" data-mini="true"></fieldset></form>') var option_char = 'a'; for (var key in data['options']) { var input = $( '<input type="radio" name="radio-choice-h-2" id="radio-choice-h-6' + option_char + '" value="'
iscrollview + collapsible-set + Android
Hi folks, I'm having a weird behavior with iscrollview + collapsible-set on Android 4.1.1. That doesn't happen on my PC with Firefox, for example. If I try to expand a collapsible item, it expands but immediately closes itself automatically. The issue can be seen on the following link: http://easytef.com/mobile/collapsible.html If I take iscrollview off the problem disappears. I honestly don't know what I'm doing wrong. Any suggestions?
Collapsible headers; In a table? And style it like a regular header?
First question is about the concept of 'groups' in a table, with some form of collapsibility with them? JSFiddle example - http://jsfiddle.net/xh7xeoth/1/ What I'd love to happen is the two "wanted collapsible" rows to become collapsible headers, and show and hide all the rows below them until the next collapsible, or the end of the table. I'd be happy with either option, a TD with full colspan, like a regular header, or a TD with all the rowspan it's covering on the left. Is that currently possible
How to check if a popup is open?
Is there a way to determine programatically thru methods if a popup is already open on the screen?
PHP header location | jqm 1.3.2 multipage
hi, I got the same problem, as desccribed here: https://github.com/jquery/jquery-mobile/issues/6842 the solution of the problem seems to work with jqm 1.4. Is there a chance to realize the php-redirect with jqm1.3.2? best, heinetz
Phonegap + JQuery Mobile application randomly gets stuck on the current page
Hello, We are developing a Phonegap application with JQuery mobile that randomly gets stuck on the current page. After starting the application, a few minutes it works fine, but after some time it just doesn't navigate to another page (either through direct link, window.history or $("body").pagecontainer). On the current page everything continues to work fine (inputs, buttons, even ajax requests), and it happens on every page, apparently not related to any concrete user interaction. Thank you in
Dreamweaver cc jquery mobile with theme
Hi everyone I m trying to create my first mobile site using Dreamweaver cc jquery mobile with theme. First I up date the jquery mobile and jquery files. But after I have done this the icons are no longer available. I have tried several things including: pulling the icons out of the jquery mobile folder titled 'icons-png' and place them in an image folder. But no luck. Dreamweaver installs these files on the starter page <link href="jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
A good looking jQuery Mobile Action Sheet implementation?
Is there some easy way to get a good looking Action Sheet implementation? I have looked at the one at serkey.com (http://www.serkey.com/jquery-action-sheet-bb279z.html), but it does not look as good as the implementations in other frameworks (jQt/Zepto). Is there a good option in jQuery Mobile?
where here in source code is the js script import of Google Map lib at HEAD tag?
http://demos.jquerymobile.com/1.4.4/map-geolocation/ where here in source code is the js script import of Google Map lib at HEAD tag?
Flip switch not swiping in Android default browser
Hi The flip switch doesn't appear to swipe at all when viewed in the Android default browser. It works fine when tapping on it. I am using the latest version of JQuery Mobile, running Android 4.4.2 on a Samsung Galaxy S4. This happens on the actual JQuery Mobile Demos (http://demos.jquerymobile.com/1.4.4/) Any help would be appreciated. Thanks
jQuery Mobile reading checkbox or radio
What is the official method to read the value of a checked radio/checkbox? Is there something I am not reading, because I can find out how to create but not read (or set) these input tags? For example: http://demos.jquerymobile.com/1.4.4/checkboxradio-checkbox/ It has proven frustrating bug tracing my code only to find why I was not saving my 'ticked' box values. In the end, I discovered a class " ui-btn-active" is set when the operator 'ticks' a box and I must use this to get the corresponding
Problem with Table filter
With the examples of this URL -> http://demos.jquerymobile.com/1.4.4/filterable/ I created an example of filtering table (Table filter). Made only with HTML. My example works. But when trying to do the same by creating all objects dynamically with jquery. Does not Work. That if the end running these commands ($ ("# table") table ().; $ ('# inputSearch') textinput ().) to have the appearance of Jquery mobile. Any idea why does not work? Thank you
before create page
hi, in a jqm 1.3.2 multipage-webapp I parse my HTML on pagebeforecreate. $(document).on("pagebeforecreate", '[data-role="page"]', function( event ) { //do some stuff }); That works so far. Doing stuff is done before page is created. But now I need to load an external script … $(document).on("pagebeforecreate", '[data-role="page"]', function( event ) { $.getScript("script.js", function(){ //do some stuff }); }); … but that doesn't work because the creation of the page goes on while script.js
Internationalization
Hello Forum, I'me developing a multipage web app with jam 1.3.2 and I use dom-cache. Now I need an internationalization-plugin and read about and found i18n. But I found also: jquery-i18n-properties jquery-i18n What is the best choice for my jqm1.3.2 web app? best, heinetz
jQuery checkbox takes time to get checked/unchecked on iPhone
I am facing an issue with jQuery Mobile on iPhone. I have a list of checboxes and a checkbox to select "All". After an initial few taps on the checkbox, the check box takes few seconds to get marked as checked/unchecked. The checkbox doesnt get marked unless the user waits for a few seconds or scroll the screen. This seems to be an issue only with this particular phone as it works fine on desktop browsers and Android devices. Here is the script: /* Check-Uncheck */ self.elements.listview.on('change',
Nested Popups Chained
Hi I have 2 nested popups chained and using the workaround to get chained popups working with a timeout Both popups consists of an unordered list. And the problem I'm encountering is the 2nd popup shows the first choice #popup2_1 only no matter which one of the others I select. Any help on this one please. <script> $(document).on("pagecreate", function () { $("#popup1").on("popupafterclose", function () { setTimeout(function () { $("#popup2_1").eq(0).popup("open") }, 100), setTimeout(function
.button() initializer works on any HTML element
Hello all. There is a feature in JQM wherin you can initialise a button using Jquery as follows. $("button").button(); This will add the button styles to the button. Works fine! However the thing that bothers me is that this will work on any html element like img, p and span and about any other html element. Is this is bug and should I go ahead and report it? Cheers! Shreerang Web Developer Spatial Unlimited
Jquery Mobile + Isotope.js
Greetings, Does anyone have any examples of jquery mobile playing nicely with Isotope.js? Many Thanks, BenReb
jQuery JSON Form is only sending Pre-Poluated Values
I have a form. I have pre-populated the values using JSON/Web Service. Ex: <tr id=""> <td class="tleft"> <label for="nickname" class="fieldLabel"><span class="ui-small-text">Nick Name:</span></label> </td class="tright"> <td class="tright"> <input name="nickname" type="text" class="nickname" /> </td> </tr> Populated Using: $(".nickname").val(person.nickname); I am sending the form back to another URL using JSON. I verified that works by using a hidden field that isnt populated to see if its
jquery mobile 1.4.4 custom build css
Hi: Has anyone tried to build custom jquery mobile? As I understand that one needs two css files theme and structure. If that's true, the combined theme and structure css files should be around the same size as the one in the jquery mobile non-custom build version. But I looked at the non-custom built jquery mobile. the jquery.mobile-1.4.4.css is a lot larger than the sum of jquery.mobile.theme-1.4.4.css and jquery.mobile.structure-1.4.4.css. Am I missing something? So far I have not been able to
custom page event
hi, i'me developing a small web app with jam 1.3.2 at the moment. i use the page events to define some query. but i also change the content of the pages via ajax in some cases and I need a new pageevent for it ;) I would like to define s.t. like 'pagescontentchange'. is it hard to define such a event? thank you for tips and best, heinetz
Date picker in jquery mobile
Hi, Can anyone can give an example for datepicker for jquery mobile.? I have taken <input type="date"> (html5 control )to add in my application. But the problem is, I am unable to update the value in to that textbox. Usually we do as document.geElementById('textboxID').value= our result; But when I am updating the <input type="date"> textbox its not updating. Any help.
popup not work when page loaded with ajax
hello i have problem when i load new page with ajax popups not work anylonger but if i open that page with new tab and not ajax all popups work perfectly what is my problem? its framework bug? i use latest version and when i use caching pages or data-prefetch sidebar panel's stop working for those page loaded with data-prefetch or cached pages
hide default navmenu-panel when at >960 resolution
Howdy, I'd like to take the left navmenu links that display on the homepage by default on resolutions over 960px... and hide it, and make it function like the panel that has to be called by the menu bars button that appears when under the resolution of 960px. In other words, I want the navmenu-panel functionality called by the menu bars no matter the resolution. I can remove display:none; from .jqm-demos .jqm-navmenu-link { display: none;}, and then the menu bars show in the header, but I can't open
Is there anyway to trigger some action on closing multi select window.
close button is highlighted with red square in attached image <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script> </head> <body> <div data-role="page" data-theme="b"> <div data-role="header"> <h1>Multi select bubbles in listview</h1> </div> <!-- /header
Performance Listview, Hoverdelay, Swipe
Hii It's been a while since I develop on jquery, my application is almost finished but there are some pretty annoying problems on ergonomics and fluidity to a potential user. As you probably know, the first impression will be the user will be the last so long as it is the best possible. Now knowing that all other applications on setting performance, developing on JQM smartphone, we manage to bring this performance but it still lacks a little more. I developed a fairly light application (230ko
jQM 1.4.4 icons not showing
I have just started using jQuery Mobile for an ASP.NET site which will have certain pages designed expressly for touch/tablet access. JQM certainly seems the way to go, but for some reason I am unable to get icons to show, even when I keep it very simple and only use CDN hosted JS and CSS, as follows: <!DOCTYPE html> <html> <head> <title>JQM icon test</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css">
listview truncate text
Hi, I need to make <li> elements to show text without truncation (both if they are just <li> elements or list dividers). I tried a lot of things found in other posts like .myParagraph.ui-li-desc { color:#333; overflow:show; text-overflow:clip; white-space:normal; height:28px; margin-bottom:0px; } and similar but nothing worked for me. Any help? Thank you!
TypeError: invalid 'in' operand profile in Worklight 6.1
Hello Experts, I am using Worklight 6.1 for mobile application developement. In login page i am getting the error TypeError: invalid 'in' operand profile. Is it related to any Jquery library. Please inform. Regards, Saroj
[JQuery Mobile, PhoneGap]: Getting undefined response in my ajax call from the java web service
This is my Ajax Call: var url="http://192.168.1.6:8080/RESTfulProject/REST/VmsAccess/GetUsers/admin/jsonp"; $.ajax({ url: url, type: "GET", crossDomain: true, contentType: "application/json; charset=utf-8", dataType: "jsonp", jsonpCallback: 'successCallback', success: function(res, status) { console.log("Ajax Call Success............"); //var parsed_data = JSON.parse(res);
Jquery.mobile always post first value?
Hi, everyone. When i try my first j-mobile program, i can't get the right value from textbox controls after the first click with Button1. It always bring me "<first value>,<current value>". The code is very simple, can anyone help me? Visual studio 2010/2013 webform. Thanks! <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link rel="stylesheet" href="Scripts/jquery.mobile-1.4.4.css">
Using 1.0 with Dreamweaver CS6 what am I missing out on?
Hi guys, I am rather new to jQuery Mobile, and the whole programming/developing world. I am currently a student of Interactive Digital Media and I am curious to know, what am I missing out on by using Dreamweaver CS6 which runs jQuery Mobile 1.0? I understand that 1.4.4 has just been released. How important is it that I put my focus into learning the newer versions rather then the older one that I have been using? I really want to extend my knowledge in this area as well, so if you guys have
Page loading slow in IE
Hi all, I have a page showing 100 rows of data and I have a button "Information" in each row showing more details about that record of that row. It works fine in chrome /safari. But in firefox and IE11 it is very slow to render the page. My code looks like the below <link rel="stylesheet" href="demo/jquery.mobile-1.4.2.css"> <script type="text/javascript" src="demo/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="demo/jquery.mobile-1.4.2.min.js"></script> <script type="text/javascript"
Themeroller Body and Text Input share same format
Hello, I use the Themeroller 1.4.3 to create a css layout for my survey and realized that I cannot get the background color of the Body section and Text Input section to separate. Is there anyway to have them be different background color and font size? Ideally, I'm hoping to have body stay same color #fffad5 while Text input box can switch to white/ #ffffff here is the customized theme http://themeroller.jquerymobile.com/?ver=1.4.3&style_id=20140925-54 Appreciated the help. [admin moved to jQuery
jQuery mobile: Dealing with large list
Hello, I am new to jQuery Mobile and have some basic questions which I am sure the experts here could resolve. Problem 1: ------------- Which is the best known way in context to performance in which we can load a list of items. Say, I have a list of 2000 items, what should be my approach to show the list to the user. I have heard something on lazy loading but could not yet find a working solution for it. Problem 2: -------------- The base of the problem is same as Problem 1. The only difference is
Problem with iPhone 6 and Fullscreen mode
I try jquery mobile 1.43 and 1.44 together with iOS 8 and iPhone 6. My Application works without problems in normal Safari browser mode. But if i set an home screen icon and then start the Web Application i got a problem in the fullscreen mode with svg icons. It fills icons on the whole page in background and and also in buttons on the header. Here a screenshot:
Next Page