I had the same issue when a page using the sortable() function was required by a main php page. Adding the following code within the head of the main page wasn’t sufficient. Adding it also at the beginning of the required page (inside the body in my case) fixed everything. <script src=”https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js”></script>
you missed jquery ui library. Use CDN of Jquery UI or if you want it locally then download the file from Jquery Ui <link href=”http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css” rel=”Stylesheet”> <script src=”YourJquery source path”></script> <script src=”http://code.jquery.com/ui/1.10.2/jquery-ui.js” ></script>
Are you using an anchor tag to implement the “button” that pops the dialog? If so, you’ll want the click handler that opens the dialog to return false so that the default action of the anchor tag isn’t invoked. If you are using a button, you’d also need to make sure that it doesn’t submit … Read more
You have a couple of options… 1) You need to call the destroy() method not remove() so… $(‘#date’).datepicker(‘destroy’); Then call your method to recreate the datepicker object. 2) You can update the property of the existing object via $(‘#date’).datepicker(‘option’, ‘minDate’, new Date(startDate)); $(‘#date’).datepicker(‘option’, ‘maxDate’, new Date(endDate)); or… $(‘#date’).datepicker(‘option’, { minDate: new Date(startDate), maxDate: new Date(endDate) … Read more
If you want to get the date when the user selects it, you can do this: $(“#datepicker”).datepicker({ onSelect: function() { var dateObject = $(this).datepicker(‘getDate’); } }); I am not sure about the second part of your question. But, have you tried using style sheets and relative positioning?
I ran into a similar issue and it turned out that at some point they started using jquery-ui instead of jquery.ui and / instead of . to include individual parts. Try using: //= require jquery-ui/effect-blind EDIT: In the recent version there is an extra effects in the path //= require jquery-ui/effects/effect-blind
Try this: $(‘.pickupDate’).change(function() { var date2 = $(‘.pickupDate’).datepicker(‘getDate’, ‘+1d’); date2.setDate(date2.getDate()+1); $(‘.dropoffDate’).datepicker(‘setDate’, date2); });
There’s nothing to stop you from doing $(“input”).button()… I like this: $(‘input:text, input:password’) .button() .css({ ‘font’ : ‘inherit’, ‘color’ : ‘inherit’, ‘text-align’ : ‘left’, ‘outline’ : ‘none’, ‘cursor’ : ‘text’ }); A fuller example.
I just did this: create a new theme with the new colour button; copy the ..hard.. and ..soft… gradient files from the new theme images folder; rename them so as to not confuse them with the main theme; and finally add the style to the button. This caters for the gradient and the colour… I … Read more
I got rid of the error by adding the boostrap libs & css <link rel=”stylesheet” type=”text/css” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css” /> <script type=”text/javascript” src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js”></script>