jquery-ui

问题 I am facing a drag/drop issue. I want always see the element which is dragging, and I want be able to scroll a specific div to drop the element in any cell of my table. I want also be able to drag element from any div to any div. This example works almost fine. My last problem is about the cell hoverClass property: when I am dragging an element from the "container A" near the border of the "container B", I implemented an auto-scroll behaviour to navigate in my table to reach any cells. But,

问题 currently i have image upload form in which we can upload multiple image and drag this image inside the div . Please see my form <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <input name="user_file[]" id="user_file" style="position: relative;overflow: hidden" multiple="" type="file"> <div class="new-multiple"></div> $(

问题 currently i have image upload form in which we can upload multiple image and drag this image inside the div . Please see my form <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <input name="user_file[]" id="user_file" style="position: relative;overflow: hidden" multiple="" type="file"> <div class="new-multiple"></div> $(

问题 http://jqueryui.com/demos/accordion/#custom-icons I want to add those up down arrow icons in my Accordian below. How should I modify my code ? Need help badly. Thnx <cc1:Accordion ID="Accordion1" runat="server" FadeTransitions="true" Visible="true" AutoSize="None"SelectedIndex="0" RequireOpenedPane="false" TransitionDuration="250" HeaderCssClass="accordionHeader toggler" HeaderSelectedCssClass="accordionHeader toggler-expanded" ContentCssClass="accordionContent"> <HeaderTemplate> <b style=

问题 http://jqueryui.com/demos/accordion/#custom-icons I want to add those up down arrow icons in my Accordian below. How should I modify my code ? Need help badly. Thnx <cc1:Accordion ID="Accordion1" runat="server" FadeTransitions="true" Visible="true" AutoSize="None"SelectedIndex="0" RequireOpenedPane="false" TransitionDuration="250" HeaderCssClass="accordionHeader toggler" HeaderSelectedCssClass="accordionHeader toggler-expanded" ContentCssClass="accordionContent"> <HeaderTemplate> <b style=

问题 I have two blocks, "draggable" and "sortable". Inside "draggable" I have few items which I can drag them to "sortable". I want to have the possibility to click an item inside "draggable" and automatically drag it into "sortable". Here is my JS: $(".sortableList").sortable({ placeholder: 'ui-state-highlight', }); $('.sortableList').disableSelection(); $(".draggable").draggable({ connectToSortable: '.sortableList', cursor: 'pointer', helper: 'clone', revert: 'invalid', start: function (event,

问题 I have two blocks, "draggable" and "sortable". Inside "draggable" I have few items which I can drag them to "sortable". I want to have the possibility to click an item inside "draggable" and automatically drag it into "sortable". Here is my JS: $(".sortableList").sortable({ placeholder: 'ui-state-highlight', }); $('.sortableList').disableSelection(); $(".draggable").draggable({ connectToSortable: '.sortableList', cursor: 'pointer', helper: 'clone', revert: 'invalid', start: function (event,

问题 I m using jquery ui tabs and i m using them with the function of dynamically closing them. the example page here where clicking on the link 'add tab' leads to adding of tabs in the tabs panel... now in firefox the close buttons are displayed beneath the text of the tab which is leading to garbled text in the tab panel or the body of the tabs like other browsers how can i display it in same line the css i m using is .ui-tabs { padding: .20em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none

问题 I have slight issue with the jquery datepicker in that it displays ABOVE the target box. This is due to the way my page is set up. I found the issue with CSS in my page via firebug, unfortunately it conflicts with about 20 elements. Next I tried hooking into the "beforeShow event" which works but then after the event fires it just recalculates and puts it where ever it wants. beforeShow: function() { $('#ui-datepicker-div').show(); var offset = $('#ui-datepicker-div').offset(); $('#ui

问题 jQuery UI's Accordion widget has the active option to keep a certain panel open, but I'm trying to find a way to do this dynamically. In other words, I want to have a panel open when it corresponds with the page. HTML: <ul id="nav-side" class="accordion"> <li class="accordion-title"><a href="#">RPO</a> <ul> <li><a href="/services/direct/rpo/index.php">Value</a></li> <li><a href="/services/direct/rpo/solution-competencies.php">Solution Competencies</a></li> <li><a href="/services/direct/rpo