jquery-ui

问题 I'm trying to use this jquery plugin (http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/) on an aspx page with many different gridviews. The page code is within an asp:content tag. I'm placing my select options in an asp:view outside of an asp:gridview. The page uses a master page. I have the multiselect widget working in a blank page, but I can't get it to work with my master page. I've tried adding my css/script links/document.ready() in the gridview I'm using it with. I've tried

问题 initially i am showing jquery dialog with fixed height and width at center of page. now i want to put a div with lots of html content inside the dialog. now i want to dynamically increase dialog height & width according to the div height & width with animate function but i want that dialog should stick at the center of page. when dialog open first time at center of page and later if i change the height & width then dialog is not position at the center of page. so help me with concept that how

问题 I'm using jQuery UI's draggable, with 'snap' enabled and set to select a class of elements. This means that the draggable snaps to the edges of (for example) a class called .general . When the draggable is snapping to an element of class .general , is it possible to find or select that exact 'snapped to' element? 回答1: You can try doing something like this, which will harvest the elements it is snapping to: $( ".selector" ).draggable({ stop: function(event, ui) { var snappedTo = $.map($(this)

问题 I'm using jQuery UI's draggable, with 'snap' enabled and set to select a class of elements. This means that the draggable snaps to the edges of (for example) a class called .general . When the draggable is snapping to an element of class .general , is it possible to find or select that exact 'snapped to' element? 回答1: You can try doing something like this, which will harvest the elements it is snapping to: $( ".selector" ).draggable({ stop: function(event, ui) { var snappedTo = $.map($(this)

问题 i use the jquery ui slider and all is fine except that the function i defined in the change parameter fired only when i release the mouse over the handles. Is there a way to call the function when the mouse is released outside the slider ? thanks for helping. 回答1: $("#slider").slider({ start: function(event, ui) { // do something on mousedown on slider }, stop: function(event, ui) { // do something on mouseup anywhere } }); 回答2: I think you have used like this.... Nature of change event is

问题 I have implemented the solution discussed here: JQuery Datetime picker - Need to pick month and year only. and it is working well. The only issue I am finding is that when the datepicker appears above the input field (e.g. when there is not enough room below) then the position of the picker is wrong (it is much too high, leaving a gap between the picker and the input field). Presumably this is because I am dynamically hiding the days of the month in the picker after jquery calculates its

问题 I am using Bootstrap v2.3.2 and jQuery Datepicker v1.10.0, On a modal I am trying to make use of the datepicker and it is appearing behind the modal on Firefox and IE, on Chrome it seems to be working fine. This is what it looks like on IE and Firefox My Modal HTML <div id="editGoals" class="modal hide fade" data-keyboard="false" data-backdrop="static"> <div class="modal-header"> <a type="button" class="close" data-dismiss="modal" aria-hidden="true">×</a> <h3 style="font-size: 18px;" id=

问题 I'm newbie to js. I found autocomplete tutorial and it works well.But autocomplete script configured for multiple values from db. It adds comma every time after found keyword then searchs for new keyword again. How to rewrite it for single value? acompl.js $(function() { function split( val ) { return val.split( /,\s*/ ); } function extractLast( term ) { return split( term ).pop(); } $( "#region" ) // don't navigate away from the field on tab when selecting an item .bind( "keydown", function(

问题 I'm newbie to js. I found autocomplete tutorial and it works well.But autocomplete script configured for multiple values from db. It adds comma every time after found keyword then searchs for new keyword again. How to rewrite it for single value? acompl.js $(function() { function split( val ) { return val.split( /,\s*/ ); } function extractLast( term ) { return split( term ).pop(); } $( "#region" ) // don't navigate away from the field on tab when selecting an item .bind( "keydown", function(

问题 I have 3 tabs : <div id="tabs"> <ul> <li><a href="#tabs-1">Tab1</a></li> <li><a href="#tabs-2">Tab2</a></li> <li><a href="#tabs-3">Tab3</a></li> </ul> <div id="tabs-1"></div> <div id="tabs-2"></div> <div id="tabs-3"></div> </div> with this jQuery <script type="text/javascript"> $(document).ready(function () { var $tabs = $("#tabs").tabs({ select: function (e, ui) { } }); }); </script> I'd like when I do some operation on the first and the third tab, the label of second tab change the name