1.7.2 vs. 1.8: manipulating arrays of jQuery containers with ".width" and similar
I'm not entirely sure whether this is an error, it just seems very inconsistent to me, and it's definitely a difference between 1.7.2 and 1.8 which broke my existing code. Check out this jsfiddle (try with both jQuery 1.7.2 and 1.8): http://jsfiddle.net/BRn4x/ There seems to be a problem with arrays of jQuery containers.
Closing JQM new popup cause page to refresh uselessly
Hello, I'm using the new jqm popup with the 1.2.0 alpha release and my problem is that my page from which I call the popup is refreshed uselessly when closing the popup using esc key or clicking on the screen... This refresh happen only the first time I close it. If I reopen and close again the popup the page is not refreshed... It seems that for some reason jqm history mecanism get messed up.... It don't seem to be a built-in feature because this does not happen for any popup in the jqm demo
Tablesorter 2 reports a javascript error if no rows in table
I have a dynamically generated table and if there is no data in the table, I like to just show the table header - however, without a row in the <tbody></tbody> section, I get an error in the javascript about node n[0] Enuuk Programmer http://www.rwapservices.co.uk
Ajax call fail when I can trying to pass the special characters as data..
This is the code I am using to add a comment using Ajax call. <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" /> <script type="text/javascript" charset="utf-8" src="js/cordova-1.5.0.js"> </script> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>
jQuery.data caching of 'data-*' attributes
I could be off-base here, but from what I've gathered looking at jQuery's data method, I am very surprised with how it caches data attributes. Here is the gist that summarizes it: https://gist.github.com/3298929 In essence, if you are setting 'data-something' attributes on elements, you cannot rely on $.data('something') to retrieve the current value. jQuery caches the attribute value in its internal data store, and since jQuery prefers internally stored data over element data attributes, subsequent
remember element value in cookie and display.
I have one collapse menu. In that menu. In this menu I want to next div open when we get current div. but I got some probe into that. here is my demo. and script given below. $(document).ready(function() { var widget2 = $(".widget2"); var box2 = $(".box2"); if (getCookie('box2cooki')) { // alert(getCookie('box2cooki')); var id = getCookie('box2cooki'); var Element = $(".box2#id"); alert(Element); //$(".box2").next(".widget2").slideDown(200);
DOM cache and active state in persistent footers
Hi, I've been working on an iOS app with HTML5 shelled via Cordova/Phonegap. My app has different HTML files and most of them are listviews with serverside data. Here's the footer I have in all the HTMLs <footer data-tap-toggle="false" data-id="glob_foot" data-role="footer" data-position="fixed" class="x_nav_bar"> <nav data-role="navbar"> <ul> <li><a data-icon="grid" class="ui-btn-active ui-state-persist" data-iconpos="top" href="3.html">Brands</a></li> <li><a data-icon="grid" data-iconpos="top"
clientWidth and offsetWidth returns NaN
I am trying to handle a resize for JQGrid with a snippet of code below var width = $("#divGridContainer").attr('clientWidth'); if (width == null || width < 1) { // For IE, revert to offsetWidth if necessary width = $("#divGridContainer").attr('offsetWidth'); } width = width - 2; // Fudge factor to prevent horizontal scrollbars alert(width); It always throws the response to width
.promise(type) doesn't work with non-default animation queues
Hi, On http://jsfiddle.net/creativecouple/3Y63M/ I have an example with .promise(type). There is one element animated (.delay) with the default queue 'fx' and the other one with another queue 'foo'. First question, informative: - Is it intended that non-default queues don't start on their own like 'fx' does? I always have to start it manually via .dequeue('foo'). Second question, the problem: - Why does .promise(type) don't wait for the non-default queue to finish? This is the same for any jQuery
Broken link in documentation portal
from main page, if you click on 'submit a new bug' ... the page report a 'my sql is gone away' error. I don't know if It's the right place to post, but... here I'm ...
android transition
I have a big problem when I change page on browser application on android: I have a index page with a list like this: <li><a href="./mobile.p1_ener.html" rel="external">P1 Energy</a></li> <li><a href="./mobile.p1_heat.html" rel="external">P1 Heating</a></li> <li><a href="./mobile.p1_ligh.html" rel="external">P1 Lights</a></li> after loaded the index page o press to one of this link and "browser" load the new page and it work fine. in all sub-pages I have, on to
Page transition problem
I have sweated my head off, but can not figure this out. I have very simple jqm test page, http://veikkola-weather.com/mobile_test.html Sometimes page transitions work, most of the time not. What is the remedy here? It worked some weeks/days ago, problems started recently. I have tested Android, Chrome, Safari, WP7.X, all the same behaviour. -Timo --------------code------ <!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1">
Having problem in jQuery Mobile with dynamically loaded select menu ....
I have a jQuery Mobile application which dynamically loads html form code into an empty div inside the "content" div of a web page. <div id="MainContent" data-role="content" data-theme="b"> <div class="formspace" id="formspace" ></div> </div> Having problems with the dynamic loading of the select menu form element into #formspace. All other form elements are behaving as expected. During an "Add" process, the select menu is loaded as follows: <select id="mtype" name="mtype" size="1"
Key classes not assigned with ASP.NET Web Forms.
It seems since about v.1.0.1 that the html.ui-mobile, body.ui-mobile-viewport and body.ui-overlay-x CSS classes aren't being applied if the content is wrapped in a <form> element. Anyone else experiencing this? I would just remove the form element, however, it's required for using certain .NET controls on the page. EDIT: Actually, it appears the body classes are being applied to the <form>, not the <body>. I see that you can specify a pageContainer property in the changePage and loadPage events,
Text input field in BlackBerry
It seems there is a problem with input fields on BlackBerry devices (user who reported this problem uses OS 6.0). The input fields are blacked when you click there. Here is a screenshot uploaded by the user who reported the problem: http://www.geocheckpointing.info/index.php?topic=28.msg77#msg77 I tried BlackBerry emulator and I found out the problem is probably not in my code because I saw the same problem when I navigated to the jquery mobile demos.
listview('refresh') on android ICS 4.x makes list go blank. Phonegap.
Hey there, Been using jquery mobile for a while now so i'm pretty sure this isn't a basic question. I have a page with: <ul id="mylist"></ul> When i get a array back from a succesful web service call i declare the list: $("#mylist").listview(); I then empty my listview as I am completely refreshing the data: $("#mylist").empty(); I then append to my list in a loop: $("#mylist").append('<li>test</li>'); Then once finished i refresh: $("#mylist").listview('refresh'); I have tested my code on Android
jqm 1.1.1 shows address bar for every page transition in safari ios 5.x
I built a mobile app with 1.1.0 for iOS5.x safari (iphone) and the page links never caused the address bar to drop down. The ajax worked great! Everything worked pretty well until I tried 1.1.1. Now with jqm 1.1.1 every page link to another local page causes the address bar to drop down. Tested so far on an iphone 4 iOS 5.1 in safari. These are just basic links going to another page in the same directory. Sample page 1: <!DOCTYPE html> <html> <head> <title>Page 1</title> <meta name="viewport"
Upgrading from 1.0.1 to 1.1.1
I've just downloaded version 1.1.1 and I changed my site (which is still otherwise under development) to use the new .js and .css files. It's not good. 1. ui-grid-a lists now wrap - all the panels are listed on the left, but only taking half the screen width. Note: this seems to be fixable by changing the style: .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn { margin-right: 5px; margin-left: 5px; } from margin-right: 5px;
jQuery 1.7.2 is missing $.support.touch - what to use instead?
I decided to try jQuery Mobile 1.2 alpha1 with my jquery.mobile.iscrollview plugin. At the same time, I decided to try jQuery 1.7.2, since JQM 1.2 is now compatible. The plugin uses $.support.touch to know whether it should bind to touch events or not. Unfortunately, $support.touch was removed from jQuery 1.7.2. I realize that the documentation for $.support says not to rely on $support options sticking around in future versions - that it's really for internal use only, and when a feature detection
tbody.tr remove and empty leaves skeletal remains
I have a structure like table thead tr td td td tbody tr td td td I would be managing the trs in tbody dynamically. when i say tbody.tr remove or empty i still see the rows but only their values blanked out. How do you totally remove those rows so that tbody children can return 0?
jQuery Mobile page unable to access pages on my server
In response to the growing number of handheld users in our schools, I've been tasked with designing a simple page for phones based on my equally simple gateway into our Online Public Access Catalog (OPAC) using jQuery Mobile. The problem that I am having is that any link that references pages on my server fails to resolve. from the "Page 1" it passes to the appropriate page, but once you access that link it goes into a "loading" state that never completes. While in Dreamweaver the links work fine
When I type "&" character in textbox, application crashes/closes. All other keys are working properly.
Hello, I have simple text box(type="text") on the page. When I try to type an ampersand character using a keyboard,the application crashes/closes. I tried removing the Jquerymobile js file and then the "&" gets properly typed in using the keyboard. This issue is present for "&" keyboard key only. Checked in android 2.2 and 4.0 devices. Tried changing the type of textbox to url too,however it did not work. I tried using latest jquery.mobile-1.1.1.js with phonegap, but it is not working. Note that
Title tag not displaying on iPad2
Since upgrading our web app to JQM 1.1.1 the Title tag is not being displayed in the web browser tab on iPad2. It is blank when the first page loads, and remains blank when navigating to new pages. It works fine on desktop browsers and even on the newer iPad3.
this._focusable is not a function
I am getting an "this._focusable is not a function" error on line 47 of jquery.ui.menubar.js this._focusable( this.items ); The HTML is: <ul id="bar1"> <li> <a href="">Other Issues</a> <ul> <li><a href="">First</a></li> <li><a href="">Second</a></li> </ul> </li> </ul> // $.getScript("http://view.jqueryui.com/menubar/ui/jquery.ui.menu.js").done(function(script, textStatus) { $.getScript("http://view.jqueryui.com/menubar/ui/jquery.ui.menubar.js").done(function(script,
jQuery UI dialog bugging after page reload
Hello, i'm currently working on a small project and i found a issue with the jQuery UI Dialogs after the page gets reloaded. I'm loading the pages dynamical with the $("id").load("url"); function in JQuery. If the user double clicks on a row in a table the dialog will show and will contain the data the rows currently holds. But after the reload of the page the labels inside the dialog are not changing. This occured in IE8 i dont know what will happen in the other browsers not yet tested. Code: $("#mEdit").dialog({
Debris in docs.jquery.com
I encountered the following page in the JQuery documentation (see below screen shot): http://docs.jquery.com/Progress_bar Should the above URL return a 404 HTTP code?
Multipage document: pagebeforechange event is posted twice
In a multipage document, the event "pagebeforechange" is posted twice. The first time, the toPage parameter is undefined, while it is present the second time. The attachment illustrates the behavior (it is a HTML file). Found in jqm 1.1.1 Michael
1.1.1 Same page transition bug?
I was trying to implement same page transition with 1.1.1, using: $.mobile.changePage( $.mobile.activePage, { "allowSamePageTransition": true,"fromPage":$.mobile.activePage } ); however, after the transition the page turned blank (white). With a bit of debugging I found line 2297: if( $from){ cleanFrom(); } which of course cleans $to in this case as well. changed to: if( $from && ($from!==$to) ){ cleanFrom(); } and this seems to fix it.
problem with table and hidden rows
Hi everybody. I've just noticed a problem using jQuery 1.7.2 with latest jQuery UI. Since the problem is quite difficult to describe, I created a jsFiddle which just shows it: http://jsfiddle.net/qKmw9/ In this setup, there is a table with nested subtables, the rows with the nested subtables are hidden, except the last one that has an inline display:block but has also the layout screwed hard. To show also the other hidden rows, click on the rightmost missing image on each main table row: in this
Confirmed PhoneGap jQuery Mobile BlackBerry Bug
Hello, I have a bug that needs fixing. A PhoneGap team member has reproduced my problem, and there's definitely a bug when using PhoneGap and jQuery Mobile on a BlackBerry. This is the issue: "touch end" events are not firing when a user moves his/her finger in a vertical direction. It's only with vertical finger drags (horizontal OK) on BlackBerry when using jQuery Mobile and the app is wrapped in PhoneGap. I have a small sample app that clearly shows the issue: an app that allows a user to move
cache[ id ] is undefined in jQuery .data() code
Hello, I need some help and hope anyone can give us advise or help on the error that we're getting when we tried to upgrade to v1.5.2. In the .data() code we're getting the 'cache[ id ]' is undefined error. Below is where the error is thrown: line 1376 - 1407 of jQuery 1.5.2: ******************************************************************************************* if ( !cache[ id ] ) { cache[ id ] = {}; // TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery // metadata on plain
may be BUG: data-icon not showing in HEADER Bar
Hello, I wrote a small sample code that shows a dropdown menu in the Header bar. It is working fine except its NOT showing the 'data-icon'. http://98.130.200.34/ayan/mobile/proto/app-menu.html Please have a look, the right-button. NOTE : I have used - data-icon="arrow-d" data-iconpos="notext" Regards
Jquery Mobile 1.1.1 + phonegap 2.0, Android 4.0.3 dynamic html page doesn't scroll
Hello, Jquery mobile 1.1.1 using with phonegap 2.0 on Android 4.0.3, adding dynamic html in data-role="content" div, page does not scroll. It scrolls to the static page height. I am using data-position="fixed" on header and footer. This issue i am facing only on Android ICS 4.0.x. On other versions its working perfectly fine. If i remove the data-position="fixed" than it scrolls properly. Any ideas?
Dialog launched from footer breaks layout
Hi, I have a button in my page's footer that opens a popup dialog. The problem is, whenever I close the dialog (click X on top left), the page layout breaks and elements have the wrong vertical position (they are moved up so top of page is inaccessible). For this bug to happen, the page must be tall enough to show a scrollbar. This doesn't happen in desktop Firefox but happens in Android's browser (tested on my phone, and in Android Emulator 1.6-2.2). EDIT: Just noticed it happens in Google Chrome,
Function .show/hide not working in chrome/IE8, fine in FF...
I, just started using jQuery,and i'm having a problem using the function .show()/.hide() to make a div appear and disapear when a certain option value is selected.It's working fine in firefox but not working at all in chrome and IE 8. This is the function code i'm using : $(function(){ $("#produtos").click(function(){ $("#produtos_valor").show("slow"); }); $("#novidades").click(function(){ $("#produtos_valor").hide("slow"); }); $("#servicos").click(function(){ $("#produtos_valor").hide("slow");
The 'Back' feature is not working under chrome extension
Hey, I've developed with this little tool to help users solving 'words games'. In iPhone/Andriod it's working great but as I've put it as chrome extension everything is working fine except the 'back' button that do nothing. The tool is using jQuery 1.5 and JQM 1.3a Thanks, Ido
Remove Sortable Tabs
While creating a sortable tab, i've tried to remove one of the tabs and encounter a problem. The remove method refers to the panel and list array by index. While changing order of tabs the reference is not pointing to the right tab. i think it would be better to remove by idPrefix, same as selecting tabs.
Ajax problem: jQuery Mobile with jqplot
Hi, I've been seeing a problem when using jQuery mobile with jqplot when ajax enabled. I followed the basic instruction for jqplot, i.e., add a div and a simple javascript to make a chart: <div id="chartdiv" style="height:400px;width:300px;"></div> <script type="text/javascript"> $(document).ready(function() { $.jqplot('chartdiv', [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]); }) </script>when I disable the ajax, the chart will show up but if I enable the ajax, the chart
jqplot plugin: bug with charts
hi! when I trying to make a pie chart with values like: [[1, 10000], [2, 50]] between which is big difference I get a chart like: http://img819.imageshack.us/img819/4071/chartscreenshot.png here is my code: line1 = [[1, 10000], [2, 50]]; $.jqplot("chart", [line1], { grid: { drawGridlines:true, background: "#ffffff", borderWidth: 1, shadow: true }, title: Chart, seriesDefaults: { renderer: $.jqplot.PieRenderer, rendererOptions: { sliceMargin:8 }
Datepicker yearRange option not working
The datepicker's (UI version 1.8.1) yearRange option is not working as per documentation. No matter which style of yearRange I use, the year in the select box always shows a range from 2000 - 2020, $('.date').datepicker({ yearRange: "1990:2050", changeYear: true }) displays a range from 2000 - 2020, Try this range: $('.date').datepicker({ yearRange: "-20:+1", changeYear: true }) displays a range from 2000 - 2020, or $('.date').datepicker({ yearRange: "c-20:c+1",
Next Page