1.10.0 HTML in dialog title
Hello, I used to put custom HTML in dialog titles. Used to work in 1.9.x and documentation for 1.10 states "Any valid HTML may be set as the title.". Instead, HTML is rendered as text. In the following example, the title of the dialog contains the text "<h3>Title</h3>": Am I doing something wrong? <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.0.js"></script> <script
Draggable disturbs absolute positionning
Hello, I have a very disturbing problem with the jqueryui Draggable interaction. Basically I'm writing a scheduling web application using jquery 1.9.1 jqueryui 1.10.2 modernizr 2.6.2 The application displays a grid with schedule cells that CAN be movable. These cells are div elements with absolute positioning. If the cell is movable I simply issue the statement: $cell.draggable(); (I've tried with different option sets but this does not impact the issue) I was developing this application with Firefox
Letters Peeking in Password Textbox with Windows Phone 8
Hi.. I am using Miscrosoft MVC HTML password helper in windows phone 8 with jQuery validation as in following code snippets. @*Script Section*@ <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> @*View*@ @Html.PasswordFor(m => m.Password) @Html.ValidationMessageFor(m => m.Password) But while typing, the wrong letter in the textbox is getting visible
Radiobutton change not detecting checked button
With jquery 1.9.1, using the radio button change event does not detect the fact that the radio button selection has changed. this works with 1.8.3 but not with 1.9.1 1.9.1 shows original checked button does not pick up the change any ideas, this is a urgent problem for me. Thanks <!DOCTYPE html> <html lang="en"> <head> </head> <body > 1.<input type="radio" name="rdio" value="a" checked="checked" /> 2.<input type="radio" name="rdio" value="b" /> 3.<input type="radio" name="rdio" value="c"
tap fires twice with live("tap")
On mobile safari with live("tap"), tap event fires twice. And this causes kinds of bugs such as opening dialog twice, sending ajax request twice, etc... The most notable one is, when you tap a text field, safari sometimes focuses nowhere. The following is a minimum code that reproduces it. <!DOCTYPE html> <html> <head> <title>tap twice</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes"
Touch IE10
Hello All I just wanted to share how to add touch support for draggable in ie10 desktop and mobile. Currently draggable will work with a pen or mouse in IE but not touch. To add touch -ms-touch-action needs to be added to the css like below: body{ -ms-touch-action: none; } #draggable { width: 150px; height: 150px; padding: 0.5em; -ms-touch-action: manipulation; } I added a link to the demo below http://helixten.com/jqueryui.html
Unable to close panel from anchor tag inside listview
Hi, I have a page with a panel where there is a listview inside the panel. To close the open panel I tried to add the data-rel=close attribute to the anchor tags inside the listview, but this does not have any effect. If I just add a anchor tag at the panel itself, the panel closes just fine. I'm not sure if this is a bug or ? <ul id="tasklist" data-role="listview" data-icon="arrow-l" class="ui-icon-alt" data-inset="true" > <li ng-repeat="task in tasks" >
mcDropdown jQuery Plug-in - version 1.3.2
Recently we did upgrade from MVC2 to MVC4 and updated the mcDropdown 1.2.x to 1.3.2 But when we launch our application we got error "operation aborted" on IE 7, we did some analysis and found in mcdropdown 1.2.07 added following line to add the list to body. $list // move list to body -- this allows us to always calculate the correct position & width of the elements .appendTo("body") We are using @Html.DropdownList on cshtml page, which is trying to create dropdown before Body tag closed.
image not show
I find a problem.I have two page. one is main.html, two is detail.html. Fist of all,the listview of main.html is generated by ajax and every entry of listview link to detail.html. After opening detail.html by click the list entry ,then I click the back button of detail.html to return to the mail.html.At this time, the images of the main page are not displayed.By the way,these images in the head area and main.html(data-dom-cache=true).I do not know if this is a bug. thanks.My browser is chrome
Confusion of "Anything" vs "Object" in documentation
What is the distinction between type "Anything" vs "Object" in documentation?For example: The args in deferred.resolve( args ) is Object. The data in .on( events [, selector ] [, data ], handler(eventObject) ) is Anything. Can we just use one name if there is no real different? I can make a pull request if you agree using only one of them.
Page headers are not decoded when used as page title.
If encodable text is in the header of a page, when that page is loaded, the title is displayed encoded. As tested on Safari Mobile / Desktop, Chrome, IE10. fiddle The problem might be on line 4631: var newPageTitle = ( !active )? pageTitle : toPage.jqmData( "title" ) || toPage.children( ":jqmData(role='header')" ).find( ".ui-title" ) .getEncodedText(); Why not just get .text()?
Problem in jquert datetimepicker with timezone
Hi, I am facing a different issue in jquery datetimepicker. Here is the details: 1. I have set the time zone info in the jquery initialization. 2. when i select the date/time in the picker , set the text box with date time along with time zone is perfect. But unable to delete the time zone using backspace key. i can able to delete the DD/MM/YYYY AM/PM. When i try to delete the time zone from text box, the value retained. For example: date displayed in the field like 13/09/2012 10:00 AM EST Unable
Problem with toggle function in jquery 1.9.1
When i use toggle for multiple clicks using the jquery 1.9.1 plugin, there is an error the code: $('a').toggle(function() { console.log('click1'); }, function() { console.log('click2'); }, function() { console.log('click3'); }) the error: Uncaught TypeError: Property 'function () { console.log('click2'); }' of object #<Object> is not a function If is use the same code using 1.8.3 it works fine, there may be a prodblem with the new plugin, just wanted you guys to check
attr jquery-1.9.1 in firefox 19.0.2 not work.
<link href="Content/themes/base/jquery-ui.css" title="base" rel="stylesheet" type="text/css" /> <link href="Content/themes/blitzer/jquery-ui.css" title="blitzer" rel="stylesheet" type="text/css" disabled="disabled" /> <link href="Content/themes/cupertino/jquery-ui.css" title="cupertino" rel="stylesheet" type="text/css" disabled="disabled" /> <link href="Content/themes/redmond/jquery-ui.css" title="redmond" rel="stylesheet" type="text/css" disabled="disabled" /> <script src="Scripts/jquery-1.9.1.js"
$.mobile.changePage with panel
Hi every body. So for begin very very good job for all people who have work over JQuery, and thanks a lot. I have an little probleme with this function : $.mobile.changePage When is use with panel. the first loading so without use '$.mobile.changePage' panel work fine. but juste when I reload my page with $.mobile.changePage panel is dead. If you wan't I can post for you an link for see in live the bugs. only if you ask, I hate work for nothing. I use : Jquery 1.9.1 Jquery Mobile 1.3.0 Thanks. And
Tabs widget 1.10: Doesn't work for content from different path
Using the Tabs widget with Ajax, the jQuery implementation does not recalculate <script> and <link> elements' "src" attribute. So both don't work if a tab's URL does point to content from locations different from the current directory using relative paths (e.g. "../../foo/bar.html"). ---- Another jQuery API browser: http://www.dashop.de/?hf=blog_f.html&if=blog/en/dev/JavaScript/content/JavaScript-jQuery-API-Documentation-Viewer.html
Obscure problem with the Chrome browser(25), radio buttons and dialogs
Here's the scenario: if you have a modal dialog with radio buttons and you bind the change(or the click) event for the buttons to a function that tries to open another modal dialog. Then run it. If one of the radio buttons is checked and you click another, the radio button click gets reset. IE if button a is checked and you click button b, button a remains checked (if you slow things down in a debugger you will see that button b gets checked and then button a gets rechecked) So far I've only seen
Post page broken in Chrome(25)
For instance, I couldn't post this as a problem in Chrome because you can't select the Report a problem tab. I'm on FireFox right now. I also don't see the rich text editor in Chrome version 25 on this page nor can I hit any of the buttons at the bottom to post, preview or cancel. I've turned off any ad blockers or flash blockers for the site just in case, no luck.
nested $.each doesn't work in IE8
Hi, I've got a strange problem: with an object like {"level1":[{"values":{"level2":"valuelevel2","level2a":"valuelevel2a"},"index":"index1"},{"values":{"level2":"valuelevel2","level2a":"valuelevel2a"},"index":"index1"}]} if I want to use a nested jquery each, IE8 prints only one 'ok' running this code [reporting an error]: $.each(result, function(i, result_wrapper){ $.each(result_wrapper, function(i, result_values){ if(result_values["index"] == 'index1' ) { document.write("ok");
This is really a web page bug report more than a question
I just want to provide some feedback. I have been trying to get started with jquery mobile and find that the jquerymobile.com web pages do a very poor job of supporting beginners. First let me say that jquery mobile looks like a wonderful thing. Lots of people have obviously worked very hard to make this a great tool. Some of the things I say below are probably wrong. Some things that I say don't exist probably do, just not where I expected them to be. Please don't take this as a detailed bug report.
IExplorer/Yahoo Messenger Games Plug-In Error "Object doesn't support property or method 'onSoundOn' "
Hi, i am using Windows 8 32-bit, Yahoo Messenger 11.5.0.228, Java Ver 7 Built 17 (built 1.7.0_17-b2) and my Security Settings are set to Low, for enabling Java Script to run properly. However, when i try to play any game in the Yahoo Messenger Window, an error appears saying: 1. Object doesn't support property or method 'gameSendData' or 2. Object doesn't support property or method 'onSoundOn' I think this error is from Java Plugin and not directly from Yahoo Messenger or IExplorer. When i try also
Form submit goes to wrong page on mutlipage file
Hey, I have a multipage layout with the first page linking to the second page. On the second page there's a <form> which links in its action attribute to the same page, because I want to display the second page again after clicking the submit button. But appearently this does not work: when clicking the submit button, I'm always redirectet to the first page of the multipage layout. Check out this code to see what I try to describe: <!DOCTYPE html> <html> <head> <title>My Page</title> <meta
web app swiping not working correctly on android
I'm making a web app and I'm trying to implement swiping. The following works on the iphone, but on the android it seems to be having problems, in that I have to swipe 2-4 times for it to actually swipe. What is the solution for getting swiping to work correctly on the android? $('body').on('swipeleft swiperight',function(event){ if (event.type == 'swipeleft') { $.mobile.changePage('#leftPage',{transition:'slide'}) } else if (event.type == 'swiperight') { $.mobile.changePage('#rightPage',{transition:'slide',reverse:true})
Dialog auto height not working
I have a simple non-modal dialog that I use to display content. The content is very short, one or two lines at most. The height of the dialog box does not adjust to the height of the content. It's always fixed. Here is an example. I don't want a title bar or buttons, just the content. So I initialize the dialog box like this. this.speechDialog.dialog({ autoOpen: false, show: { effect: "blind", duration: 500
iOS Chrome URL rewrite problem
The JQM url rewrite does not behave correctly on Chrome iOS. The URLs are stacking on each other. Click, <a href="htttp://my-site.com/local-stores-shopping/">LINK</a> loads the next page correctly but the url is then "http://my-site.com/#/local-stores-shopping/". If I then click then click, <a href="htttp://my-site.com/top-fashion-brands/">LINK</a>, I am taken to "http://my-site.com/#/local-stores-shopping/#//top-fashion-brands". Does anyone know why the /# is being added and the clicked URL is
Scoped Theme Does Not Work, But Unscoped Does
I used the ThemeRoller to scope the Smoothness theme with a class of homeScreen. I downloaded it and all the necessary files and folders are there from what I can tell. I opened the index.html page and no CSS is being applied to any element. I downloaded the Smoothness theme without a scope and the index page displays as it should. I am using Windows 7 and Chrome to view the index page. Have any ideas?
Themeroller website has broken and missing styling options
Heya, The Themeroller website has two new problems: 1) Under "Font Settings" on the left menu, the "Weight" dropdown shows no choices (and the dropdown arrow is truncated). 2) The "Error" category, normally under the "Highlight" category on the left menu, is completely missing. This is true across the latest stable versions of Chrome, Firefox, and IE. It was working properly under jQuery UI 1.10.1. Regards, TakBaseTech
missing custom theme in download
Hi I downloaded a custom theme that I created with the theme roller http://jqueryui.com/themeroller/#zThemeParams=5d000001001406000000000000003d8888d844329a8dfe02723de3e5701dc2cb2be0d98fe676bb46e85f3b85ff2d347a9c5170a6c17a4a3d926b08b9d199c4e573fcbf9cc1a2dd092a9d80b6fda5395ff84763f9e74d6cee21250c8f33243ef1589abab919cf7e8298f8769fec181781bf142e5e800e171d39cdf17e9a71fa3f781e8d76766b23c44b6d7f1e75c1abeef4410d820c31ef0620d79195b33d4cfc1e768094ce05fee304b2ad41db26904aed74c8c374ce1ff1c0a5c42f56dac08ad8961127638038b61b2703209b4091d7fb93a47a1d3e43a67c5a94b7e29c959f13c24559cb1a76b1bec1a71f1949db710f4557f3d1da2d39f90aff28f2b6ba8dd96ed5f5a0015166ef5567f70537d248d57b05c70e4fcc5845d9e1610b45d0d394c32ba0d5f992c00dca92aefe65863782767fcedea56a04e59e78457e74c5f1b23fdcd98c0b6bf4dbbe623d93fcb961477a3b6ff6f49245a0d75647ac7dcf1c860ed9882370de9a120924b3eaa4d72b858c41bd8bfbc944508a9fda3a42ff055dfa6e2ef96330dff48fe7a403db64306e0229493b498532edda2985338cbfd2dca06a59153f6300753623a533e25248b8dca8c2261083a9ebf73103a260168b2f957d138e17a4c80b5a901f1b748cff996db44f467265f09d1234456b9819fee221715dc98870f7e120db924d76acd66a3c270b2ee627140195c5c9e869d89c5acdf9330a84af5ae2c6c31792faa3aa55240bbecb844cb72dc1718194fff63506a7
Themeroller 502 Bad Gateway
Help! I need to create a theme using Themeroller but the site is completely not working. If you go to the main Themeroller page you get the following 502 error: "NetworkError: 502 Bad Gateway - http://download.jqueryui.com/themeroller/parsetheme.css?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=highlight_soft&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=highlight_hard&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=glass&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=glass&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=flat&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=highlight_hard&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px"None
jQuery behaves differently on hover outs for the same element
Hello, here is my live example: http://eshop.equit.cz/ Try hovering over the menu - it should change the button color to black and changw the font to white. Vice versa when hovering out. However when I hover over the button then move my mouse down to the submenu and then hover somewhere out, button is white but the text is not black although Firebug show it should be. If I move my mouse immediately to next button or out of the button, it works as expected. Here's my JS code: $("ul#topnav li.sub").hover(function()
jquery mobile mangles input value
I'm trying to send a html escaped value into a form (for sigPad) that looks like this: <input type="hidden" name="signature" class="signature" value="[{"lx":424,"ly":95,"mx":424,"my":94},{"lx":423,"ly":93,"mx":424,"my":95},{"lx":422,"ly":89,"mx":423,"my":93},{"lx":409,"ly":81,"mx":422,"my":89},{"lx":390,"ly":70,"mx":409,"my":81},{"lx":362,"ly":68,"mx":390,"my":70},{"lx":320,"ly":59,"mx":362,"my":68},{"lx":280,"ly":53,"mx":320,"my":59}]">
Custom Theme Link Not Working
I created and downloaded a custom theme yesterday that was working, even when I copy and pasted the link into my browser. Today, I copied and pasted the same link into my browser and I'm getting something that resembles the smoothness theme. Is your site broken? Here is the link.
Swipe event doesn't fire since last chrome update.
I use the swipe event on my pages, it worked fine in chrome but since the last update in chrome it doesn't fire the swipe event anymore version (25... something) I'm running windows7 64bit and version 1.3 of jquery mobile With an older version of chrome (23.. something) and firefox it still works
problem with too many scripts
Hi this is my first post on this forum and I need help. I use on my website scripts, and I have a problem with two scrips - is conflict between this scripts. Ok this is my scripts: <!-- scripts --> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> <script type="text/javascript" src="js/modernizr.min.js"></script> <script src="js/jquery-lang.js" charset="utf-8" type="text/javascript"></script>
A typo in datepicker documentation
http://api.jqueryui.com/datepicker: an example for parseDate() says "shortYearCuroff" instead of "shortYearCutoff".
PhoneGap + JQM + WindowsPhone8 - Ajax Navigation does not work
Hey there, porting a big project over from Android/iOS into Window Phone - so I'd like to thank the jQM team first of all for making this possible. Unfortunately, windows phone 8 has an issue which I can't seem to figure out. Ajax navigation does not seem to work Here are what my logs say Error:"Object doesn't support property or method 'live' file:x-wmapp0://www/index.html Line:12" The thread 0xd90 has exited with code 259 (0x103). And here is the basic HTML <a href="settings.html" data-transition="slide"
Tablesorter sortForce bug
The documentation says: sortForce: Use to add an additional forced sort that will be appended to the dynamic selections by the user.but it doesn't work as advertised. If you look at the example page: TableSorter sortForce Example The sortForce is set to the first column (First Name) ascending. If you click on Total to sort you will see that it doesn't sort by the Total but instead it is still sorted by First Name. This isn't what sortForce says it does. Oh and by the way the example page says: //
Extra arguments passed to .trigger() doesn't reach blur event handler when element has focus
Hi, everyone! I want to pass an extra argument to the blur event handler of an element but it only works when the element is not focused. Why would I trigger blur then? Seems like a bug to me. HTML <input type="text" id="field" name="field" /> JS $(document).ready(function () { $("#field").on("blur", function (e, extra) { console.log("extra: " + extra); if (extra) alert("extra argument passing worked!"); }); $(document.body).on("keydown", function (e) { console.log("triggering
Native select in panel on Firefox 19 + jquery mobile 1.3 unclickable
we've been working on a webapp in jquery mobile mostly developing testing on chrome. We're using the lastest version of jquery mobile and jquery. Most platforms have 0 issues, but when I try to select an option from a dropdown nested in a panel I can see the options, but clicking them makes no change. I can press enter to select the option however it also lights up the option I'm hovering it's just the click which doesn't seem to fire. I've also tried to set the opacity way higher (1 instead of 0.00001).
Table columntoggle and IE10 and Windows 8
I am using IE10 on Windows 8 Pro. On your demo site (http://jquerymobile.com/demos/1.3.0/docs/widgets/table-column-toggle/) when you click on the "Columns..." link and try to unselect any of the columns the browser locks up and you cannot select any other browser tabs (assuming you have any open) until you close the demo site tab. If you only have one tab open you will not be able to select the browser at all. ALT+Tab will not work to get you there. If you are using IE10 and Windows 8 RT and try
Next Page