Bad tap behavior on form select
I am building a Rails 3.03 application using jQuery Mobile 1.0a3 to render mobile views. I look at it in Safari on an old 1st-generation iPhone. I have a collection_select in one of the forms. This renders a touchable control that looks like a button, which opens a pop-up select element with the list, so the user can select the option/value. So far, so good. The problem… If I tap the rendered button with just a quick tap, the select list will pop-up then immediately disappear (with no option/value
jqMobile 1.0a4: slider not updating properly
Hi, To reproduce: go here and click on "Settings". See the slider at the top. Click the little up/down arrow buttons. The number to the left of the arrows changes. Expected result: the slider knob on the right should also move, in sync with the numbers. Actual result: the slider knob does not move. Consequence: the slider knob is out of sync with the numbers. Note that the slider knob does move if you use the up/down arrow keys. It is the arrow buttons that fail to update the knob position. Using
Lazyload doesn't load the above-fold images in IE7.
Hey, I installed lazy load and everything works perfectly everywhere except IE7. In IE7 all the images load properly except the ones above the fold which never load at all. So the first four never load. My code is petty standard...any thoughts? JS: <script type="text/javascript">$(function() {$("img").lazyload({placeholder : "/img/transparent.gif"});});</script> HTML Excerpt: <img class="gallery-image" original="/uploads/large/110120-125954_DSCF4560JPG.jpg" />
active
Hi, there's a problem introduced either in Alpha 4 or Alpha 4.1 where the button does not revert to it's pre-clicked state. Before: <a data-role="button" href="#" class="ui-btn ui-btn-up-c" data-theme="c" ><span class="ui-btn-inner"><span class="ui-btn-text">My button</span></span></a> After: <a data-role="button" href="#" class="ui-btn ui-btn-active ui-btn-up-c" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text">Save bring-up</span></span></a> I'm currently working around it like
Validator Plugin callback on Custon Methods
hi, i've this code $j("#form").validate({ debug: false, ignore: ":hidden", rules:{ edtEXP_DT:{ required: true, dateMinor: true, Date30day: { required: { depends: function(element){ if("<?=$DML;?>" == "MM_Insert" && $j("#edt<?=$newarea?>AREA").val()
Address Bar Not Hiding - Alpha 4 Safari iPhone
I've noticed that in Alpha 4 the address bar on safari iPhone is no longer hiding like it did in the previous Alpha 3 release. Is a new configuration setting required to force this behavior now or is this a bug?
jqmobile 1.0a4 - styling problem
upgrading from 1.0_a2 to 1.0a4 got me some styling problems. For example: the icon of the "ui-btn-left" sits too far on the left, reaching out of the button and getting cut off. I just wanted to ask if this is a known bug, if there is a fix, or if somebody else expierienced this. thx gbye
Really long listview = Blank page on iPhone
I set up an example page here: http://jsbin.com/opavi5/3 On any desktop browser, the page displays properly. But on iPhone4, it is just a blank page. If I shorten the list, the page displays fine on iPhone. It also displays fine on Android phones. If I change the script references to alpha 3, the page displays fine on the iPhone. So some change has broken long lists with the iPhone, but I have no idea where the problem is. Edit: Also, as a sidenote. This is a very simple list. So I had to make it
issue with lightbox + easing plugin
Hello, I've a issue using jquery lightbox plugin and a menu with easing plugin. In my console i dont have any errors so i think that all my plugins installed works. The issue is about how its work. I need showing my menù with a jquery easing effect (like a carousel) and my gallery's immage with a lightbox effect but, when i have the both plugin activated all my sites work ONLY with the easing effect. My menù work well with the easing effect but also if i click for opening an immage on my gallery
JQuery UI Button Widget Missing when Removing A Cloned One
When clicking the testBtn,callback function will copy the testDiv and then append the new testDiv to the old one. The original testDiv ui-button widget disappear after removing the new testDiv. <html> <head> <title></title> <script src="./script/jquery-1.5.2.min.js" type="text/javascript"></script> <script src="./script/jquery-ui-1.8.11.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("button.testBtn").button().bind("click",function(event){
alignValue.toFixed is not a function
Hi, I am using jQuery UI 1.8.11 in relation with jQuery 1.5.11. I have a div-control which is transformed into a slider using the corresponding slider() function. When sliding this control, the Firefox Javascript Console announces an error on line 427 in my (minimized) jQuery UI source file: alignValue.toFixed is not a function. Sometimes, the slider does not work after this error, sometimes the slider works although. This is not deterministic. From my point of view, it seems that this is a bug in
jQueryUI dialog close button invisible
Hi guys Like the subject line says, I have a dialog where the "x" icon is not visible. If I mouseover the toolbar, I can make the button appear, but the "x" does not appear even then. NOTE - it's not "my code" - the same is happening with the demos here - no "x" icon. Firefox 4 on Vista Ultimate SP2. R
jQuery modal dialog is hidden by overlay div if dialog's parent has fixed position
One of my jQuery dialogs is defined within a div that has a fixed position (footer of page). When a modal jQuery dialog is opened jQuery creates an overlay div that hides the whole page and then puts the dialog to be opened on top having a higher z-index than the overlay div. Unfortunately any dialog that is rendered within a div with fixed position is overlayed by the overlay div although the modal dialog to be opened got a greater z-index then the overlay itself. The following HTML code that I
Problem with rounded corners
I am trying to develop an app for a mobile. I noticed in the JQueryMobile demos, all of the buttons and fields have nice round corners. However, even when copying and pasting the code directly from one of the demo pages, all of my corners are square. Can someone please help? Here is my code: <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> <title>No Decompression Dive Planner</title>
Navigation degraded from JQM 1.0a2
Hi All, my application relies heavily on ajax calls to pull data into pages. I have some 10 pages altogether which are mainly placeholders adhering largely to the multipage boiler point template in the JQM documentation. All ajax calls are routed through a single method. in the browser, there's no noticeable difference in relation to navigating between pages etc. However, when running the application on an Android phone or an iPhone, I'm experiencing significant issues with JQM version 1.0.a4.1
Images will not show on BlackBerry 9800 simulator
I have tried both the data-icon attribute and the standard icon that gets displayed with say a data-role="collapsible" element. What is rendered is a grey circle without the icon in the middle. I have tried different themes with the same result.
ScrollTo code is not work completely in safari opera and firefox(new version)
this is my site www.amarintra.com So I don't know why my navigation has moving without effect. Please help me
stop() does not clear delay()
When calling the following line repeatedly on some element, the delay() in the queue is never stopped from running. $('#element').stop(true,true).show().delay(2000).fadeOut(1000);
AutoComplete ComboBox Behavior
http://jqueryui.com/demos/autocomplete/#combobox It looks great, but it still can't compare to the native combobox because pressing alt + down, the selected option is hard to observe in the items. clicking the button, the selected option doesn't highlighted in the items. If the input element is shorter than the textual description, the text inside the input element will be moved (i.e. "....XYZ" instead of "ABC......") How to do these to made it better?
funny (and even chuckleable) problem with calling .hide method on active page in ie9
Hi, If you call .hide() on the active page in ie9, the browser window minimises. Is there a workaround for this? cheers Matt
jQuery Form Plugin (File Upload issue)
IE 9 does not seem to forward ajaxSubmit requests to the server, if the form contains file input control. I've also tested the sample code from(http://jquery.malsup.com/form/#file-upload) on IE 9 and it does not work It works on FF and chrome
is this a bug.????
Hi, I have asked below mentioned question but no answers. Also tried to analyse it further. I looks like the behavior when i use AutoComplete in a Dialog Model Form is different. http://forum.jquery.com/topic/jquery-ui-autocomplete-in-dialog-model-form My Observation: a) when i focusout from normal auto complete blur/focusout handler is called. in jquery-1.4.1 and the code reaches line no. 2686. b) Though when i focus out from autocomplete in a dialog box form. the code first reaches line. 1887
[validation] conflict with jquery-ui-1.8.1.js
Hi, It looks like there is some conflict between validation (1.8.0) and jquery ui plugins, if I use them both on same page I get no javascript errors but some of jQuery UI theme elements get broken and do not show correctly. Any idea ?
Accordian height animation problem
I'm having some kind of animation problem with my accordian. For one of the panels I have set a fixed height. This naturally changed the height of the other panels. So I changed the autoHeight property, but this seems to cause some animation problems. When I switch from the large panel to the other ones I get some bad jerky animation which seems to fly around the page until it settles. Any ideas how to fix this? In my .js file I have $(function(){ $("#accordion ").accordion({ autoHeight:
Nested collapsible set into a collapsible set
Hi! JQM team! I first want to say that i had a lot of fun to use JQM framework! Thanks a lot! Usefull and easy to use! Very good work! I'll be glad if my problem contributes to your community. Here is my problem: I got a collapsible set (main menu). This one contains nested collapsible set (sub menu). When i expand an item of the main menu it works fine. Sub menus appears. But when i want to expand a sub menu item it close all menus items bringing us back to main menu items. here is my code <div
vclick generated on list drag in webOS
When I click and drag a listView on webOS with phonegap to scroll down a list, if the drag is very quick (under a second), the 'click' and 'vclick' events are still generated. I'm using the built-in webOS scene scroller for scrolling (which is handled by phonegap and webOS - I haven't touched it) I'm using mylist.delegate('li', 'vclick', this.clickHandler); to listen for vlicks. On the iPhone emulator, the vclicks are not generated on a drag to scroll a list. Any ideas? Thanks!
Android WebViewClient onPageFinished not firing from changePage
On jQuery Mobile 4.1a I have noticed that on android the onPageFinished() event is not firing if you change your current page with changePage() as opposed to a local link which does fire the event. // doesn't fire onPageFinished() $.mobile.changePage("#home","pop",false,false); // does fire onPageFinished() <a data-role='button' href='#home' >Home</a> I've noticed this event not firing in android corresponds with a mess of stuff not working properly in the app, such as resize events, orientation,
Problem with JQM, AJAX and HTML5 videos...
Hi, I'm French, si if my English is bad, I'm very sorry... I make a web-appli which make a list of article. I download content of all articles with ajax which return a JSON object, and when I click on one article, I go to the page of Article, which load the good content via jquery... Each Article has a video which has a poster. My problem is when I play one video and I'm come back on the home page, then I go to an other article, the new video doesn't load the poster, and sometimes doesn't load the
Nested List - invisible icons
I have a simple nested list. I would like icons on all list items regardless of whether it has children. I can't seem to achieve this. Some example html is below and I have attached screenshots of the problems. <ul data-role='listview' data-inset='true' data-theme='a'> <li><img class='ui-li-icon' src='tag_blue.png' border='0'/>Coffee</li> <li><img class='ui-li-icon' src='tag_blue.png' border='0'/>Tea <ul data-role='listview' data-inset='true' data-theme='a'> <li><img class='ui-li-icon'
Navbar : active tab does not appear selected
When browsing each page of a navbar, the first time I choose a link, it appears as selected, as I set on it : class="ui-btn-active"But the second time I choose a link, it does not appear selected (il looses its class). Usages of navbar in demo do not really select a page, so its behavior is correct since it is only present on one page. It would be usefull to provide a multipage example of navbars in demo.
My plugins do not show up when searching
Hi, I've got two plugins in the jQuery plugins directory, "jquery.easie.js" and "zoomooz.js". However, when I try to search for them, I get empty results: http://plugins.jquery.com/search/node/zoomooz http://plugins.jquery.com/search/node/zoom http://plugins.jquery.com/search/node/easie http://plugins.jquery.com/search/node/easings Should I add some more information to the plugins to have the searches working or is this a bug? The plugin pages: http://plugins.jquery.com/project/zoomooz http://plugins.jquery.com/project/easie
JQM Alpha 4, AJAX naviagation with URL rewrites from an MVC not working?
I am using jquery mobile with Coldfusion and the Coldfusion framework Coldbox 3, in JQM alpha 3 all links worked as expected (Ajax style) with the loading dialog and page transitions. Now with the new A4 all links are now just normal links that load normally. While my application still works, its missing the AJAX navigation? Here is an example of what a link looks like in Coldbox... <a href="http://www.example.com/MobileApp/index.cfm/Cruise/Index/?id=1&offer_id=243"> and another <a href="http://www.example.com/MobileApp/index.cfm/Cruise/Reviews/?id=1&offer_id=243">
<ol id="qunit-tests"> not populated
Using IE8, Chrome7.0, FF3.6 and code from the example on http://docs.jquery.com/Qunit. After running tests, as described, a <p id="qunit-testresult"> is visible, but the <ol id="qunit-tests"></ol> element below is empty in the DOM <h1 id="qunit-header">Header text</h1> <h2 id="qunit-banner"></h2> <div id="qunit-testrunner-toolbar"></div> <h2 id="qunit-userAgent"></h2> <ol id="qunit-tests"></ol> <div id="qunit-fixture">test markup, will be hidden</div> I'm stepping through QUnit.js to find where the
Performance problems in A4 release with dynamic listview
I have encountered some major performance differences between a3 and a4. I have a dynamic listview using <li> elements, in a3 version the following takes 142ms var spList = $("#CustomerList").find( "#listview2" ); spList.listview('refresh'); in a4 version it takes 13204ms. Is there something different that needs to be done in my code or is this a bug?
While using iframe, tapping a button causes scrolling to page top involuntarily
Hello all, iphone4(ios4.31). Tapping a button causes scrolling to page top involuntarily. This is how the trouble occurs; Kill Safari process. Run Safari, open frame.html and tap [move pageB]. Scroll down and tap [move pageA]. Then you'd be jumped to page top and the [move pageA] button doesn't work anymore. Page reboot can resolve this trouble sometimes. After killing and rerunning Safari process, you'll face it in high ratio. I am in deep trouble and begging for your kindness! frame.html <html>
Issue with validation plug-in add rule method
Hello, I am using the latest of all JQuery plugins required for doing validation... When using the $("#myinput").rule("add", aRule) method for defining my rules ; I am getting the following error: c.data(d.form, "validator") is undefined when executing the $("#myform").validate(); when I use $("#formid").validate(rules) it works fine. My controls are wrapped with a form tag. This is the code: Rule #1 $("#_firstName_id").rules("add", { required: true, messages : { required: "Enter First Name
ListView Arrow Button Don't Respond To Click
Hi, I don't know if this is a bug or just the way to go. I found out that there is no respond if we click the arrow button in listview. It's all ok if we click elsewhere in the listview but not the arrow button(which is autogenerated when we use data-role="listview" tag). The jQM demo page also happens to behave like this. AFAIK, people tend to click an arrow assuming thats the right button to go forward. - Iyas
Error in "inline buttons" documentation
There is an error in the "inline buttons" documentation http://jquerymobile.com/demos/1.0a4.1/docs/buttons/buttons-inline.html Displayed code <div data-inline="true"> <a href="index.html" data-role="button">Cancel</a> <a href="index.html" data-role="button" data-theme="b"Save</a> </div> Actual working code, used in the page <a href="index.html" data-role="button" data-inline="true">Cancel</a> <a href="index.html" data-role="button" data-theme="b" data-inline="true">Save</a>
Standard jQuery ajax POST call in jquery mobile driven page
Hi, first of all excuse me for my rusty english :) i've got a problem regarding an ajax form submission via $.ajax POST (and $.post as well). at submission time all form data are collected in a string and passed to the ajax function. $.ajax({ type: 'POST', url: url, data: dataString, success: function(){ alert('it works'); }, error: function(){ alert('error'); } });the call fails and all that i have in the firebug console is this error: OPTIONS contacts.php 501 Not Implemented
Ticket #4551 broke jquery.ui.sortable.js downstream
WordPress utilizes jQuery UI in its admin area, including jquery.ui.sortable.js to assist in moving metaboxes around on the screen. When the patch on ticket #4551 was committed, and WordPress updated jQuery UI from 1.7.3 to 1.8.5, it caused a flickering to occur when dragging these metaboxes on screen making it difficult to release the box in the desired position. Relevant WordPress ticket is http://core.trac.wordpress.org/ticket/16955 that documents the issue and points out the code that was removed
Next Page