jquery-ui

jQuery ui autocomplete - .ui-autocomplete-loading

核能气质少年 提交于 2020-01-13 13:29:28
问题 I'd like to apply this css to the search box while it is fetching the XML file. Currently it takes ~3 seconds to load this file. I see in the autocomplete.js file these two functions: _search: function( value ) { this.term = this.element .addClass( "ui-autocomplete-loading" ) // always save the actual value, not the one passed as an argument .val(); this.source( { term: value }, this.response ); }, _response: function( content ) { if ( content.length ) { content = this._normalize( content );

Uncaught TypeError: Object #<HTMLLIElement> has no method 'find' in Chrome

馋奶兔 提交于 2020-01-13 13:12:41
问题 Might be related to : Uncaught TypeError: Object #<HTMLLIElement> has no method 'find' Here is a chat of the discussion of my problem: http://chat.stackoverflow.com/rooms/17/conversation/tabs-issue It continues through here: http://chat.stackoverflow.com/transcript/message/4373231#4373231 I am doing the following: $(document).on({ "click": function () { $(this).addClass("active"); $(".TaskRow").not(this).removeClass("active").removeClass("hoverActive"); $(".TaskDetails").hide(); $(document)

Uncaught TypeError: Object #<HTMLLIElement> has no method 'find' in Chrome

心已入冬 提交于 2020-01-13 13:11:51
问题 Might be related to : Uncaught TypeError: Object #<HTMLLIElement> has no method 'find' Here is a chat of the discussion of my problem: http://chat.stackoverflow.com/rooms/17/conversation/tabs-issue It continues through here: http://chat.stackoverflow.com/transcript/message/4373231#4373231 I am doing the following: $(document).on({ "click": function () { $(this).addClass("active"); $(".TaskRow").not(this).removeClass("active").removeClass("hoverActive"); $(".TaskDetails").hide(); $(document)

IE6: select inside jQuery tabs does not render dropdown list

♀尐吖头ヾ 提交于 2020-01-13 11:38:09
问题 I have a form inside jQuery tabs; I create tabs in a simple way: $("#tabs").tabs({selected: 1}); The selected index 1 is the tab where form is placed. The problem is, on remote computer with IE6 both selects only display a small blank line instead of list with options when dropdown arrow is clicked: Incorrect dropdown http://queen3.at.tut.by/DropDownIE6jQuery.PNG The options are there in page source, and everything actually works on other machines, in other browsers and also in IE6 (though I

jQuery ui dialog image for the title

与世无争的帅哥 提交于 2020-01-13 11:27:08
问题 Is it possible when specifying a jQuery UI dialog box, to have an image be placed for my title instead of just plain text? Thanks 回答1: You can provide any HTML as the title option, like this: $("#dialog").dialog({ title: '<img src="myImage.jpg" />' });​​​​​​​​​​​ You can see an example in action here Or, as another demo to annoy the hell out of your users, you could do this: $("<div />").dialog({ title: '<marquee>Hello</marquee>' });​ 来源: https://stackoverflow.com/questions/3543532/jquery-ui

Misbehaviour of other element after using jquery rotation

廉价感情. 提交于 2020-01-13 11:26:28
问题 I write some code for text rotate , resize and text drag . Everything is working fine on the starting . Please see this code $( '.new-div').draggable({ containment: "#bord", create: function() { $(".new-div").css("width",'auto'); } , drag: function() { $(".new-div").css("width",'auto'); } , start: function() { $(".new-div").css("width",'auto'); } , stop: function() { $(".new-div").css("width",'auto'); } }); $(document).on("click",".closeButton",function(){ $(this).closest('div').remove(); });

Misbehaviour of other element after using jquery rotation

北慕城南 提交于 2020-01-13 11:25:07
问题 I write some code for text rotate , resize and text drag . Everything is working fine on the starting . Please see this code $( '.new-div').draggable({ containment: "#bord", create: function() { $(".new-div").css("width",'auto'); } , drag: function() { $(".new-div").css("width",'auto'); } , start: function() { $(".new-div").css("width",'auto'); } , stop: function() { $(".new-div").css("width",'auto'); } }); $(document).on("click",".closeButton",function(){ $(this).closest('div').remove(); });

Integrating jquery datepicker into jsf

寵の児 提交于 2020-01-13 11:02:33
问题 I was following the examples here and here but I cann't bring it to work. Could you help me please? Here is where I define the script and below where I (suppose to) use it... <script> $(function() { $( "#createDate" ).datepicker({ showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true }); }); </script> <ui:define name="columnFilters"> <th> <h:inputText value="#{listModel.creationDate}" id="creationDate" valueChangeListener="#{listController.filterFieldChanged}"> <f

Display images with jQuery UI Dialog widget like in FancyBox

大兔子大兔子 提交于 2020-01-13 10:36:09
问题 I just started using jQuery with themes and CSS framework. I am doing some dialogs for my AJAX calls and all works well but I've a problem with showing images. I used in the past FancyBox to simply preview images in the same pages, applying a class to the anchor and then doing something like: $("a.example.").fancybox(); . There is someway to do it this with jQuery UI Dialog? Thanks you! 回答1: Html <a class="preview" href="#" /> <div class="myImage"> <img src="http://myimage.png" alt="myimage"

jquery addclass/removeclass doesn't always work when “speed” is set (mouse events)

眉间皱痕 提交于 2020-01-13 10:26:09
问题 In css class "employee_mouseover" I make the bg color red. $(".employee").bind("mouseenter", function() { $(this).addClass("employee_mouseover"); }); $(".employee").bind("mouseleave", function() { $(this).removeClass("employee_mouseover"); }); This works fine. But, when I set a speed to make it look more pretty, the element stays red when I quickly do a mouseenter+mouseleave; $(".employee").bind("mouseenter", function() { $(this).addClass("employee_mouseover", "fast"); }); $(".employee").bind