Tag: jquery ui
将数据传递给jQuery UI对话框
我正在开发一个ASP.Net MVC站点，并在其上列出了一些数据库查询中的一些预订，并使用ActionLink来取消特定行的预订，如下所示： 我的预订 <table cellspacing="3"> <thead> <tr style="font-weight: bold;"> <td>Date</td> <td>Time</td> <td>Seats</td> <td></td> <td></td> </tr> </thead> <tr> <td style="width: 120px;">2008-12-27</td> <td style="width: 120px;">13:00 – 14:00</td> <td style="width: 100px;">2</td> <td style="width: 60px;"><a href="/Booking.aspx/Cancel/15">cancel</a></td> <td style="width: 80px;"><a href="/Booking.aspx/Change/15">change</a></td> </tr> <tr> <td style="width: 120px;">2008-12-27</td> <td style="width: 120px;">15:00 – 16:00</td> <td style="width: 100px;">3</td> <td style="width: 60px;"><a href="/Booking.aspx/Cancel/10">cancel</a></td> <td style="width: […]
Google Maps API v3 + jQuery UI选项卡出现问题
在使用Google Maps API在jQuery UI选项卡中呈现地图时，存在一些相当众所周知的问题。 我曾经见过关于类似问题的SO问题（例如这里和这里 ），但那里的解决scheme似乎只适用于Maps API的第2版。 我查阅的其他参考资料在这里和这里 ，以及我可以通过谷歌search几乎所有的东西。 我一直在试图填充一个地图（ 使用API的v3 ）到一个混合结果的jQuery选项卡。 我正在使用的最新版本的一切（目前jQuery 1.3.2，jQuery UI 1.7.2，不知道地图）。 这是标记和JavaScript： <body> <div id="dashtabs"> <span class="logout"> <a href="go away">Log out</a> </span> <!– tabs –> <ul class="dashtabNavigation"> <li><a href="#first_tab" >First</a></li> <li><a href="#second_tab" >Second</a></li> <li><a href="#map_tab" >Map</a></li> </ul> <!– tab containers –> <div id="first_tab">This is my first tab</div> <div id="second_tab">This is […]
jQuery拖放使用现场活动
我有一个长列表的应用程序经常更改，我需要该列表的项目是可拖动的。 我一直在使用jQuery UI可拖动插件，但添加到400多个列表项目的速度很慢，每次添加新列表项时都必须重新添加。 有谁知道一个插件类似于jQuery UI可拖动插件，使用jQuery 1.3的.live()事件吗？ 这将解决这两个问题。
如何预填充今天的datejQuery Datepicker文本框？
我有一个非常简单的jQuery Datepicker日历： $(document).ready(function(){ $("#date_pretty").datepicker({ }); }); 当然在HTML中… <input type="text" size="10" value="" id="date_pretty"/> 当用户打开日历时，今天的date很好地突出显示，但是如何让jQuery在页面加载时预先填充文本框本身的date，而不需要用户执行任何操作？ 99％的时间，今天的date默认将是他们想要的。
如何改变jqGrid单元格的颜色？
我在$（document）.ready（ $("#stSearchTermsGrid").setCell(2, 2, '', {color:'red'}) ; 但它不起作用。 我是把它写错了，还是把它放在了错误的地方。 我知道这个问题已经被问过不止一次了，这就是我得到的第一行。 但是我仍然无法做到，不知道问题出在哪里。
如何在JQuery UI自动完成中使用source：function（）…和AJAX
我需要JQuery UI自动完成的一些帮助。 我想从AJAX请求中.suggest-user我的textfield（ .suggest-user ）显示名称。 这是我的： jQuery("input.suggest-user").autocomplete({ source : function(request, response) { var name = jQuery("input.suggest-user").val(); jQuery.get("usernames.action?query=" + name, function(data) { console.log(data); // Ok, I get the data. Data looks like that: test = data; // ["one@abc.de", "onf@abc.de","ong@abc.de"] return test; // But what now? How do I display my data? }); }, minLength : 3 […]
防止jQuery UI对话框将焦点设置为第一个文本框
我已经设置了一个jQuery UI模式对话框来显示用户点击链接的时间。 有两个文本框（我只显示为简洁的代码1）在该对话框的div标签，它被改为一个jQuery的UI DatePicker文本框对焦点作出反应。 问题是，jQuery UI对话框（“打开”）以某种方式触发第一个文本框有焦点，然后触发datepicker日历立即打开。 所以我正在寻找一种方法来防止焦点自动发生。 <div><a id="lnkAddReservation" href="#">Add reservation</a></div> <div id="divNewReservation" style="display:none" title="Add reservation"> <table> <tr> <th><asp:Label AssociatedControlID="txtStartDate" runat="server" Text="Start date" /></th> <td> <asp:TextBox ID="txtStartDate" runat="server" CssClass="datepicker" /> </td> </tr> </table> <div> <asp:Button ID="btnAddReservation" runat="server" OnClick="btnAddReservation_Click" Text="Add reservation" /> </div> </div> <script type="text/javascript"> $(document).ready(function() { var dlg = $('#divNewReservation'); $('.datepicker').datepicker({ duration: '' }); […]
用jQueryanimationaddClass / removeClass
我正在使用jQuery和jQuery-ui，并想animation各种对象的各种属性。 为了解释这个问题，我把它简化为一个div，当用户将鼠标移到它上面时，它会从蓝色变成红色。 我可以在使用animate()时候得到我想要的行为，但是当我这样做时，animation的样式必须在animation代码中，所以与我的样式表是分开的。 （见例1 ） 另一种方法是使用addClass()和removeClass()但是我还没有能够重新创build我可以用animate()获得的确切行为。 （见例2 ） 例1 我们来看看我用animate()得到的代码： $('#someDiv') .mouseover(function(){ $(this).stop().animate( {backgroundColor:'blue'}, {duration:500}); }) .mouseout(function(){ $(this).stop().animate( {backgroundColor:'red'}, {duration:500}); }); 它显示我正在寻找的所有行为： animation之间红色和蓝色之间stream畅。 当用户将鼠标快速移入和移出div时，没有animation“过度排队”。 如果用户在animation播放过程中将鼠标移出/放入，则会在当前的“中途”状态和新的“目标”状态之间正常缓解。 但是由于样式变化是在animate()中定义的，所以我必须在那里更改样式值，而不能仅仅指向样式表。 风格定义的这种“碎片化”是真正困扰我的事情。 例2 这是我目前使用addClass()和removeClass最佳尝试（请注意，为了使animation起作用，您需要使用jQuery-ui）： //assume classes 'red' and 'blue' are defined $('#someDiv') .addClass('blue') .mouseover(function(){ $(this).stop(true,false).removeAttr('style').addClass('red', {duration:500}); }) .mouseout(function(){ $(this).stop(true,false).removeAttr('style').removeClass('red', {duration:500}); }); 这显示属性1和2我的原始要求，但3不起作用。 我明白这个原因： 当animationaddClass()和removeClass() jQuery为元素添加一个临时样式，然后递增适当的值，直到他们到达提供的类的值，然后才实际添加/删除类。 因此，我必须删除样式属性，否则如果animation在中途停止，样式属性将保留并永久覆盖任何类值，因为样式中的样式属性比类样式具有更高的重要性。 但是当animation中途完成时，它还没有添加新的类，所以在这个解决scheme中，当用户在animation完成之前移动鼠标时，颜色跳转到以前的颜色。 我想要的理想是能够做到这样的事情： $('#someDiv') .mouseover(function(){ […]
如何更改jQuery中的button的文本？
你如何改变jQuerybutton的文本值？ 目前，我的button有“添加”作为其文本的价值，被点击后，我希望它更改为“保存”。 我已经尝试了下面的这个方法，但到目前为止没有成功： $("#btnAddProfile").attr('value', 'Save');
jQuery UI自动完成小部件searchconfiguration
我正在研究使用jQuery UI自动填充小部件来实现用户查找名字或姓氏。 看起来像默认情况下，自动完成function可以按字符顺序查找单词，而不pipe单词是否出现在单词中。 所以，如果你有这样的数据： javascript, asp, haskell ，你input'as'你会得到这三个。 我希望它只匹配单词的开头。 所以在上面的例子中你只能得到'asp' 。 有没有办法configuration自动完成小部件来做到这一点？ 最终，比如在Gmail中， 以名字或姓氏的开头来匹配会更好。 注：我试图找出一种方法来使用jQuery UI小部件来做到这一点。 由于我已经在我的项目中使用了jQuery UI，因此我打算坚持使用它，并且不要将其他库添加到我的Web应用程序中。
