Tag: jquery ui

Ruby on Rails 3.1和jQuery UI图像: 我正在使用Ruby on Rails（Edge，开发版本）和Ruby rvm 1.9.2。 application.js如下。 //= require jquery //= require jquery-ui //= require jquery_ujs //= require_tree Ruby on Rails 3.1中放置jQuery UI主题的地方在哪里？根据jQuery UI的Ruby on Rails 3.1中的Autocomplete字段，我应该在vendor / assets / stylesheets文件夹中放置一个jQuery UI主题。这听起来像是一个明智的地方，但我没有得到它的工作:-(。我设法通过将CSS放入assets / stylesheets文件夹来加载CSS，但我无法加载的图像。我当然可以使用旧的方式，只需将主题放在public / stylesheets /文件夹中，然后使用： <%= stylesheet_link_tag "jquery/ui-lightness/jquery-ui-1.8.11.custom" %> 在application.html.erb中，但试图成为一个现代人，我宁愿使用新的方式做事:-)。

如何指定（覆盖）JQuery图标颜色: 我一直在使用我的web应用程序中的jQuery图标，但已经到了一个我想要使用的颜色，我不能实现默认情况下。我目前正在使用主要使用绿色的“州街”主题。但是，我有一个白色的文字的红色框，并希望使用一个白色的图标。主题提供了白色图标，但只有当图标位于具有“ui-state-focus”类的div（或其他容器）内部时，才会应用这些图标。这会使图标变成白色，但会将背景颜色更改为绿色，我想将其留作红色。有没有什么办法（很可能通过CSS）来重写jQuery使用图标的背景图片，以便我可以使用不同的颜色？谢谢。澄清：我想这将有助于我发布我目前正在使用的HTML： <!– currently produces a default 'grey' icon color –> <!– this b/c no jquery ui class (like ui-state-focus) given for errorMessage div –> <div id="errorMessage"> <span class="ui-icon ui-icon-alert" style="float: left"></span> Only 1 Activity can be added at a time </div> 我也有CSS： .dialog #errorMessage { /*display: none;*/ background-color: […]

如何在JQuery DataTable中默认显示所有行: 有没有人知道如何在jQuery数据表中默认显示所有行？我已经试过这个代码，但是它默认只显示10行。 $("#adminProducts").dataTable({ "aLengthMenu": [100] });

使用JQuery和JQueryUI的HTML5 Boilerplate与Twitter Bootstrap: 我想build议是否使用HTML 5 Boilerplate或Twitter Bootstrap作为可能使用JQuery UI控件的Web应用程序。也有可能用JQuery UI等效replaceBootstrap控件？提前致谢斯蒂芬

jQuery UI对话框button焦点: 当一个jQuery UI对话框打开，似乎select其中一个button，并突出显示或设置焦点等…我怎样才能停止这种行为，以便没有任何button突出显示时，对话框打开？编辑我在没有从button中删除焦点的对话框选项中尝试了以下内容 … open:function(event, ui) { $("myunimportantdiv").focus(); }, … 注意作为一个临时的解决方法，我修改了用于ui-state-focus的css，但是这不是理想的…

将jQuery可拖动对象还原为其原始容器时，可以将其拖放: 我有一个可拖动的物品，如果不落在droppable将恢复。这个效果很好，直到用户放下一个物品。如果他们认为他们在拖出可拖拽的时候犯了错误，那么它就会回到可丢弃的状态。我更喜欢在外面和停用可拖动回到其原来的容器。我的代码在下面，但我提供了一个jsFiddle的示例。 HTML <div id="origin"> <div id="draggable" class="ui-widget-content"> <p>I revert when I'm not dropped</p> </div> </div> <div id="droppable" class="ui-widget-header"> <p>Drop me here</p> </div> JavaScript的 $(function() { $("#draggable").draggable({ revert: function(dropped) { var dropped = dropped && dropped[0].id == "droppable"; if(!dropped) alert("I'm reverting!"); return !dropped; } }).each(function() { var top = $(this).position().top; var […]

将jQuery datepicker应用于多个实例: 我有一个jQuerydateselect器控件一次正常工作，但我不知道如何让它适用于多个实例。 <script type="text/javascript"> $(function() { $('#my_date').datepicker(); }); </script> <% Using Html.BeginForm()%> <% For Each item In Model.MyRecords%> <%=Html.TextBox("my_date")%> <br/> <% Next%> <% End Using%> 如果没有For Each循环，它可以正常工作，但是如果“MyRecords”集合中有多个项目，那么只有第一个文本框会得到一个dateselect器（因为它与ID绑定在一起）。我试着给文本框分配一个类并指定： $('.my_class').datepicker(); 但是尽pipe在每个地方都显示了dateselect器，但它们都会更新第一个文本框。什么是正确的方式来做这个工作？

jQuery UI可sorting – 如何取消拖放/sorting项目上的点击事件？: 我有一个jQuery UIsorting列表。可sorting的项目也会附加一个点击事件。我有一种方法来防止点击事件发射后，我拖动一个项目？ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script> <script type="text/javascript" charset="utf-8"> $().ready( function () { $('#my_sortable').sortable({ update: function() { console.log('update') }, delay: 30 }); $('#my_sortable li').click(function () { console.log('click'); }); }); </script> <style type="text/css" media="screen"> #my_sortable li { border: 1px solid black; display: block; […]

jQueryUI模式对话框不显示closuresbutton（x）: 我在我的ASP .NET MVC 3应用程序中使用jQuery模式对话框。它工作正常，除了没有closuresbutton显示在右上angular。我怎样才能添加这个？ $("#dialog-modal").dialog({ modal: true, autoOpen: false, buttons: { Ok: function () { $(this).dialog("close"); } } });

自动填充请求/服务器响应是什么样的？: 这似乎是一个黑洞：在searchjQuery UI网站，堆栈溢出和谷歌search一个小时后，我还没有find如何编写AutoComplete的服务器端的最基本的信息。什么parameter passing给服务器，JSON响应应该是什么样的？我一定会错过一些东西，因为其他人怎么学到这个呢？网站似乎只讨论客户端的JavaScript代码，而不讨论协议或服务器端的例子。我需要足够的最简单的远程示例工作。