Stack Overflow
Stack Overflow

Questions tagged [jquery-ui]

jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.

jQuery UI is a jQuery library that provides abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets, built on top of the JavaScript Library. You can use it to build highly interactive web applications.

Latest stable version:

Resources:

Best Practices and Commonly Made Mistakes:

  • Remember to include the jQuery file reference before the jQuery-UI file.

Stack Snippet Starter Pack

<link href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>

Related Tags

39534 questions
8
votes
3 answers

jQuery UI Dialog not opening a second time

I am using jqueryui for a dialog box. Clicking on the 'Click for a modal' link the first time works. When pressing the ESC key, the dialog box disappears. But the clicks after that don't work. I want those to work as well. Refreshing the page makes…
Istiaque Ahmed
  • 4,977
  • 17
  • 59
  • 117
8
votes
3 answers

having jQuery UI framework in TWebBrowser in Delphi

I am working on an application, lots of the UI elements will be in a TWebBrowser. So I thought I add a jQuery UI to make it easy for me. I was able to insert JQuery and UI javascript file thanks…
Darkerstar
  • 914
  • 1
  • 8
  • 17
8
votes
2 answers

how to check if jqueryUI autocomplete dropdown box was open

jQgrid form contains several jQueryUI autocomplete boxes. In keydown event handler Esc key press needs to be processed only if autocomplete dropdown box is not open. If autocomplete dropdown is open, Esc press shoult perform its default action only…
Andrus
  • 22,189
  • 50
  • 171
  • 330
8
votes
1 answer

How do I apply jquery-ui to a Backbone.js view?

I am new to Backbone.js. I have created a View for a button that already exists on the page. I apply jquery-ui to the button when the view is initialized: var ButtonView = Backbone.View.extend({ el: $('#ButtonId'), initialize: function ()…
xcer
  • 1,627
  • 2
  • 16
  • 17
8
votes
1 answer

Jquery UI Tabs with same height

I want to use Jquery UI Tabs to make three tabs that all contain the same sized content area. The size of the content area seems dependent on the content. How do I force it so all three tabs have the same sized content area so that I can use a…
w.donahue
  • 10,575
  • 12
  • 54
  • 77
8
votes
1 answer

Sortable & droppable, droppable are doesn't update, when DOM does?

I'm making a UI that involves sortables, in which there are droppable list items. Here's a fiddle of it: http://jsfiddle.net/NRkwx/ The problem is this: when you start sorting, and move the list item around, the droppables move too, but the area…
Martti Laine
  • 11,524
  • 19
  • 62
  • 100
8
votes
3 answers

jQuery UI dialog blocking window scroll bar in Google Chrome

I am facing a problem when using jQuery UI dialog box. When I open a photo in jQuery dialog box, it freezes the window scroll bar. I am not able to move up or down the page using the mouse pointer. This problem exists only in Google Chrome. Its…
Satyanand
  • 89
  • 3
8
votes
4 answers

jQuery Datepicker Width

I don't understand why this is so hard to do. Everything about jQuery is so simple. How do you set the width of a jQuery "display: inline;" Datepicker? I have edited the jquery ui css but as soon as I change the month it resets the width. I hope…
Greg
  • 8,121
  • 20
  • 62
  • 104
8
votes
2 answers

Parent div drop-shadow bug when children is animated with jQuery in Internet Explorer 9

When a parent div has a css drop-shadow applied, and its children is animated with jQuery so that the parent div changes height, strange lines below the parent div appear when viewing the page in IE9. Here is an example:…
Ege Özcan
  • 12,341
  • 2
  • 28
  • 50
8
votes
5 answers

jQuery UI DatePicker Hangs on second call

I'm creating an ASP.NET MVC3 app that uses jQuery Datepicker and Timepicker inside a dialog. The code is pretty simple, just localization: $(document).ready(function () { $('.datepicker').datepicker({ dateFormat: "dd/mm/yy", …
programad
  • 1,235
  • 3
  • 18
  • 38
8
votes
5 answers

How to return jquery autocomplete result to the separate div?

I've found here that to overwrite one of the autocomplete events. But can somebody please provide me with example how to do the same?
LA_
  • 18,018
  • 53
  • 160
  • 288
8
votes
1 answer

jQuery UI Accordion with sections wrapped in DIVs

I've successfully implemented an accordion as outlined here, but would like to wrap each section in a div, so my structure would be as follows:

Header 1

Collapsible content…
Travis Northcutt
  • 23,195
  • 8
  • 37
  • 50
8
votes
2 answers

jQuery transfer effect & callback function

I want to know if the jQuery transfer effect has any callback mechanism by which I can determine when a transfer effect starts and when ends. I got the code below, but I found no callback function… Please help. Thanks. $("div").click(function () { …
Keith Costa
  • 1,713
  • 11
  • 35
  • 63
8
votes
2 answers

jQuery UI - While dragging and dropping rows using Sortable, the space between rows increases

I am using jQuery Ui's Sortable widget to implement drag and drop functionality in table rows. The problem is that if I drag the 2nd and 3rd rows down a little(not enough for the following row to be displaced), the space between the rows increases.…
Daud
  • 6,209
  • 15
  • 55
  • 108
8
votes
3 answers

jQuery UI Datepicker - Date range - Highlight days in between

I'm looking for a way of highlighting the days in between the date range of 2 inputs on mouse over. This example is nearly doing what I want to achieve: http://hackingon.net/files/jquery_datepicker/range.htm Only difference is that the highlighting…
Mayko
  • 409
  • 1
  • 5
  • 16
1 2 3
…
99
100