Tag: jquery plugins

jQuery UI Datepicker：如何添加特定date的可点击事件？: 我想要突出jquery datepicker上有附加事件的date （我不是在谈论js事件，而是现实生活中的事件：D）。如何将活动date传递给日历？如何使它可点击，要么显示事件（S）与他们的URL在一个小的popup式提示，要么去事件页面？是否已经有可用的插件或资源（如教程）来帮助我实现这个目标？谢谢。 PS：我不使用dateselect器来select一个date，只能访问附加到date的事件 PS2：我会在多语言网站（fr和英文）上使用它，这就是为什么我想到datepicker

获取激活的选项卡（div）的ID: 我正在使用jQuery 1.9和jQuery UI 1.10 我希望能够在点击标签时获得标签ID。例如，如果我点击名为“第二”的标签，我想获得“标签-2”的回应。到目前为止，我已经完成了下面的代码： <script type="text/javascript"> $(function () { $("#tabs").tabs({ beforeActivate: function (event, ui) { alert(/* the id of the tab (div) being activated */); } }); }); </script> <div id="tabs"> <ul> <li><a href="#tabs-1">First</a></li> <li><a href="#tabs-2">Second</a></li> </ul> <div id="tabs-1"> <p>abcde</p> </div> <div id="tabs-2"> <p>fghi</p> </div> </div>

Jquery UI选项卡。如何select一个基于它的ID而不是基于索引的选项卡: 嗨，我有两个选项卡，并configuration了使用JQuery UI。 ul class="tabs" li tabone li tabtwo ul dynamic从后面的C＃代码我将隐藏或select一些选项卡让说tabtwo和另一个选项卡必须隐藏或不显示。我可以在Java脚本中使用.tabs({selected:1});来做到这一点.tabs({selected:1}); 和.tabs(disable:0). 但我不想使用选项卡索引来这样做。是否有任何替代select标签基于他们的名字/ ID？

如何更改JQuery UI滑块句柄: 我想修改股票的JQuery UI滑块，以便手柄上有一个箭头，而不是一个正方形。即我想使用自定义图像作为句柄。有几个教程可以做到这一点： http://jqueryfordesigners.com/slider-gallery/ http://www.ryancoughlin.com/2008/11/04/using-the-jquery-ui-slider/ http://www.keepthewebweird.com/creating-a-nice-slider-with-jquery-ui/ 但是我无法让它工作。以下代码导致一个固定的手柄图像： <!DOCTYPE html> <html> <head> <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.slider.js"></script> <style type="text/css"> #myhandle {position: absolute;z-index: 100;height: 25px;width: 35px;top: auto;background: url(http://stackoverflow.com/content/img/so/vote-arrow-down.png) no-repeat;} </style> <script type="text/javascript"> $(document).ready(function(){ $("#slider").slider({handle: '#myhandle'}); }); </script> </head> <body> <div id="slider"><div id="myhandle"></div></div> </body> </html> 就好像JQuery没有拿起我想使用myhandle id来处理句柄。 […]

jQuery datepicker – 2input/文本框和限制范围: 我正在使用两个input框的jQuerydateselect器小部件，一个用于“从”date，第二个用“到”date。我正在使用jQuery Datepickerfunction演示作为获取两个input框相互工作的基础，但我需要能够添加这些额外的限制： date范围不得早于2008年12月1日 “到”date不能晚于今天一旦select“发件人”date， “发件人”date只能在“发件人”date后的7天内如果首先select“收件人”date，那么“发件人”date只能在“至”date前的7天范围内（以12月01日的限制为第一个可选date）我似乎无法让所有上述工作在一起。总之，我希望能够在12月1日到今天之间select一个长达7天的范围（我意识到我在12月1日发布这个消息，因此只能在今天获得）。我的代码到目前为止 $(function () { $('#txtStartDate, #txtEndDate').datepicker( { showOn: "both", beforeShow: customRange, dateFormat: "dd M yy", firstDay: 1, changeFirstDay: false }); }); function customRange(input) { return { minDate: (input.id == "txtStartDate" ? new Date(2008, 12 – 1, 1) : null), minDate: (input.id == "txtEndDate" ? $("#txtStartDate").datepicker("getDate") […]

jQuery自动完成：如何显示一个GIFanimation加载图像: 我正在使用jQuery 自动完成插件与ajax结合。你知道如何显示进度指示器，而阿贾克斯search执行？这是我现在的代码。 <script type="text/javascript"> $("#autocomplete-textbox").autocomplete('http://www.example.com/AutoComplete/FindUsers'); </script> <div> <input type="text" id="autocomplete-textbox" /> <span class="autocomplete-animation"><img id="ajaxanimation" src="../img/indicator.gif")"/></span> </div> FindUsers URL在内容中返回一个用户列表。

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

如何使用Google地图API禁用鼠标滚轮缩放: 我正在使用Google Maps API（v3）在页面上绘制几张地图。有一件事我想要做的是当鼠标滚轮在地图上滚动时禁用缩放，但我不确定如何。我已经禁用了scaleControl（即去除了缩放UI元素），但是这并不妨碍滚动缩放。这里是我的函数的一部分（这是一个简单的jQuery插件）： $.fn.showMap = function(options, addr){ options = $.extend({ navigationControl: false, mapTypeControl: false, scaleControl: false, draggable: false, mapTypeId: google.maps.MapTypeId.ROADMAP }, options); var map = new google.maps.Map(document.getElementById($(this).attr('id')), options); // Code cut from this example as not relevant };

jQuery多选下拉菜单: 我有一个简单的HTML多select下拉列表： <select id="transactionType" multiple="multiple" size="10"> <option value="ALLOC">ALLOC</option> <option value="LOAD1">LOAD1</option> <option value="LOAD2">LOAD2</option> <!– etcetera… –> </select> 我想要继续使用这个列表，但事实上JavaScript禁用了JavaScript，我想将列表呈现为多选下拉列表。这是它只显示列表中的一个项目，直到点击，然后将展开显示x项目，并提供滚动，在那里我可以select多个元素，如你所期望的同时按住shift或ctrl。新的jQuerysearchhttp://jquery.com/，但还没有find我所需要的。编辑 Struts2的用户，select的答案将URL编码为[]这导致在struts2修复问题，但是很容易。只需打开jquery.multiSelect.js并search“[]”，并删除在string连接中使用的一个实例。我也使用jQuery 1.4.4，而不是捆绑在一起的1.3.2，一切正常。

如何用JavaScript或jQuery一次拖动多个元素？: 我想能够用jQuery拖动一组元素，就像我在Windows桌面上select并拖动多个图标一样。我发现了threedubmedia的jQuery.event.drag的演示： http://threedubmedia.com/code/event/drag/demo/multi http://threedubmedia.com/code/event/drag#demos 我认为这个插件是伟大的。这是不错的和受欢迎的图书馆？你知道使用它的网站或应用程序吗？有没有其他库或插件来拖动多个对象？ jQuery UI可以拖动多个对象吗？