JQuery UI Date Picker won't appear in Chrome - jquery-ui

Works in FF/IE, not Chrome or Safari.
<div id="date"></div>
$("#date").datepicker();
Any idea why?

It's probably something in your code. But usually people use the datepicker with an input. But that piece of code you are using does work fine in chrome
http://jsbin.com/uceku3/2

Related

Drag and Drop list using jquery UI is not working in Firefox

I am working with drag and drop list using jquery UI, it is working fine with Chrome but it seems not working with Firefox.
Here is the link:
http://embed.plnkr.co/WcIZlD/
Please help me on this.
I found the issue. Please change your code.
Current Code:
$(event.originalEvent.toElement)
Change it to:
$(event.originalEvent.target)

Autocomplete and jeditable-datepicker not working together in Jeditable

I am using jeditable and i needed to integrate with jeditable-datepicker and Autocomplete
everything works fine apart from this incompatibility between them.
I have noticed that the problem is caused by the script
<script src="jquery-ui-1.8.24.custom.min.js"></script>
which makes working my jQuery datepicker, if i remove it the autocomplete starts working again but obviously my Jquery date picker stops working.
How can i figure it out my issue? there is a way to make them working together?
Thanks
i found the solution, i explain it here, it might be useful for someone in the future.
i have downloaded again the custom jQuery , i have deselected all the options just keeping the Datepicker Widget and then pasted the new script in my page and the incompatibility was gone!

Iscroll and jquery mobile problems

I'm not very great at javascript and i am having trouble mixing iscroll and jquery mobile. I am testing it on IOS
This is what I have;
http://m.filmrev.me
Both pages are scrolling but not in the correct way.
Would anybody be able to help with this.
Thanks
check this link
http://cubiq.org/dropbox/iscroll4/examples/simple/
And
yours example there are 2 same id for div and 'ul' .
try it change these ids.
ex..
in page, <div id='scroller '>
in page 2 ,
<div id='scroller''>
Have you tried the jQuery Mobile iscroll implementation - see here. This was done specifically for JQM.
However, the JQM devs have started their own scroller, called Overthrow. This is supposed to be more cross-platfrom compared to iscroll. I've used iscroll, scrollview (previous JQM scroller) and am now using Overthrow. Works ok and I found it fairly easy to implement.

jquery datepicker on windows phone not selecting the date

When selecting the date in the standard JQuery datepicker on a Windows 7 phone i found that the date doesn't select for me and the field doesn't fill in the date. This feature works on all other tested devices including (of course the standard desktop) iTouch, iPad and Android. It almost acts like the dom object is not triggering when the datepicker is selected sometimes causing a text field behind the control to take focus. I did manage to get the timepicker (http://fgelinas.com/code/timepicker/) work but not the datepicker.
Has anyone experienced this and found a fix? Thanks in advance for your help!
DateBox has a ton of options and it's built for jQM:
http://dev.jtsage.com/jQM-DateBox/
try to use this line of code :
document.getElementById('container div of datepicker').innerHTML = document.getElementById('container div of datepicker').innerHTML
it seems like crazy and unbeliveable but it works with me

jQuery and Safari 4.0.1 - ToggleClass effect

I am currently developing a webpage where I want to use the ToggleClass function from jQuery. I went on to the jQuery UI website, as I think this is an extension of the original jQuery.
http://jqueryui.com/demos/toggleClass/
When I click the 'Run Effect' button, nothing happens. Is it just my browser or slow computer or do any of you also get this in Safari 4.0.1 4.0 (4530.17)?
I tested in Firefox 3.0.10 and it worked, so by the looks of it, jQuery UI is not all that compatible with Safari 4.0.1 4.0 (4530.17), or just maybe their demos on their site?
Anyone care to elaborate?
Edit: sorry, was under the impression that I had 4.0.1
Windows: Safari 4.0 (530.17): Fail
That being the case, .animate() still appears to work. If your transformation isn't too complicated, you could use that as your alternative.
I had the same problem, but I knew it was my code b/c the example page at the reference you provided above worked just fine.
Check your .css. For some reason, the css
'a.filterOn:link, a.filterOn:visited{
background: green;
}'
wouldn't work in Safari, but worked just fine in FF. However, b/c these were nested inside of another element, I tried:
'#filters a.filterOn:link, #filters a.filterOn:visited{
background: green;
}'
which for some reason worked. My guess is that, if you haven't solved it yet, the problem is in the .css, not the jquery.

Resources