Tag: jquery plugins

当我们在某些字段上分组行时,如何为JQGrid进行全局展开/折叠?

当我们在某些字段上分组行时,如何为JQGrid进行全局展开/折叠? 在扩展时,它应该扩展所有组,并且在折叠时应该折叠所有组。

如何使用jQuery进行部分页面更新?

我有导航菜单。 单击时,只应从html内容文件(在服务器中)更新页面内容div,而不进行整页刷新。 我怎样才能使用jQuery实现这一目标?

jQuery draggable revert基于条件

我有一个与jQuery draggable和droppable相关的问题。 这是描述我想要做的事情。 第一:我有两个div。 一个是 ,另一个是 。 “container”有10个 ,可以拖动并可以放入“选中”。 这是代码: 1 2 …. 9 10 第二:我想允许从“容器”到“选定”div的任何5 s。 如果有人试图添加第6个 ,那么它一定不允许用户使用它。 那个将要插入“selected”的第6个 必须使用jQuery draggable选项revert来恢复 。 ie $(“#container li”).draggable({ revert: true }); 这是javascript代码。 $(document).ready(function(){ var total = 0; $(“#selected”).droppable({ drop: function() { total = $(“#selected li”).length; //alert(total); if (total >= 5) { $(“#container li”).draggable({ revert: true }); } […]

IE8的Object.defineProperty替代方案

给出如下的javascript代码(从下面引用的插件中提取): var AutosizeInput = (function () { function AutosizeInput(input, options) { var _this = this; this._input = $(input); this._options = options; } Object.defineProperty(AutosizeInput.prototype, “options”, { get: function () { return this._options; }, enumerable: true, configurable: true }); } 该插件的完整代码位于: https : //github.com/MartinF/jQuery.Autosize.Input/blob/master/jquery.autosize.input.js 从我读到的内容调用Object.defineProperty将无法在IE8上运行,因为这不是DOM对象。 这是准确的吗?..如果是……这将是重写这个getter(和setter)符合IE8的最好方法吗?

Jquery UI滑块如何使一个框跟随处理程序?

我正在尝试创建一个应该遵循处理程序的div,如下所示: http : //m1.dk/Priser/#tab :# calc,#abb 我的JSfiddle: http : //jsfiddle.net/z3xV3/2/ 我还想对应该出现在框中的UI值进行计算。 以下是我想要实现的内容: HTML: jQuery的: $(document).ready(function() { // Pris slider $(“#slider”).slider({value:”,min: 0,max: 150,step: 1, range: ‘min’, slide: function( event, ui ) { $( “#amount” ).html( ui.value + ‘ timer’); } }); $( “#amount” ).val( “$” + $( “#slider” ).slider( “value” ) ); });

jQuery文本效果,单词逐个出现

我被问到是否可以使用jQuery在HTML中提出文本效果,然后我得到一个字符串,然后例程自动检测单词并为每个单词设置动画,一次一个。 喜欢。 秒进动画节目:“快乐” 进入动画节目:“快乐新” 进入动画节目:“新年快乐” 进入动画节目:“新年快乐2011” 每个单词应该慢慢地“淡化/动画”,我认为一个简单的滑动窗格以像素为单位会令人满意 – 但是没有。 逐词地。 我可能需要一些关于这个的想法。 我知道一些jQuery和很多Javascript,所以我想我需要一些jQuery部分的帮助。 对于单词列表,我只会拆分“”(空格)并接受“,。!” 等等是一个词的一部分。 但是我如何在jQuery中为这个“动态数组”设置动画 – 是否有插件或者我是第一个? 我想也许一个项目符号列表也可能是伎俩,然后让它像菜单一样水平浮动,然后将这个词添加为新的子弹,每秒一次。 但我很高兴看到这里的专家提出了解决方案。 :O) 编辑从标记的答案,我这样: var str = $(‘div#greeting h1’).html(); // grab text $(‘div#welcome h1’).html(“”); // clear text var spans = ” + str.split(” “).join(‘ ‘) + ”; $(spans).hide().appendTo(‘div#greeting h1’).each(function(i) { $(this).delay(500 * i).fadeIn(); }); STRONG标签有效,但文本的某些部分在一组中消失。 试试这个:“这是一个测试文本。[强]我们相信这比以往更好[/ strong]。” 并看到问题。

jquery.form和跨域请求

我正在努力尝试使用跨域请求创建jquery.form 。 我遇到了Firefox和Chrome的问题(甚至还没试过IE)。 说明:我的整个站点位于http://www.mysite.com内 。 但是,我的联系表单位于另一台服务器上,由http://contact.mysite.com引用。 我认为将它放在子域上会避开有关跨域请求的问题,但显然它没有。 http://contact.mysite.com在Sinatra实施。 我的javascript设置没什么特别的。 表单的操作指向http://contact.mysite.com ,方法是POST: jquery.form配置了一个ajaxForm调用: $(document).ready(function() { $(‘#contact’).ajaxForm({ success: function() { $(‘#success’).fadeIn(“slow”); }, error: function() { $(‘#error’).fadeIn(“slow”); } }); }); 我遇到的第一个问题是使用Firefox 3.5 – 显然它会发送一个OPTIONS请求,期望来自服务器的特定答案。 我用这个问题来配置我的Sinatra应用程序,因此它做了预期的事情(似乎更新版本的sinatra包含一个选项动词): require ‘rubygems’ require ‘sinatra’ require ‘pony’ # patch sinatra so it handles options requests – see https://stackoverflow.com/questions/4351904/sinatra-options-http-verb configure do class << Sinatra::Base def […]

jqGrid动态选择选项

我正在使用下拉列创建一个jqgrid,我正在使用单元格编辑。 我需要下拉列的选项来动态更改,我已经尝试通过将列设置为: { name: “AccountLookup”, index: “AccountLookup”, width: 90, editable: true, resizable: true, edittype: “select”, formatter: “select” }, 然后在beforeCellEdit事件中,我有: beforeEditCell: function(id, name, val, iRow, iCol) { if(name==’AccountLookup’) { var listdata = GetLookupValues(id, name); if (listdata == null) listdata = “1:1”; jQuery(“#grid”).setColProp(name, { editoptions: { value: listdata.toString()} }) } }, GetLookupValues只返回一个字符串,格式为“1:One; 2:Two”等。这样可以正常填充选项后点击一下 – 即我点击第1行中的AccountID,下拉列表为空,但是当我然后单击第3行中的AccountID,我在行1中单击设置的选项将显示在第3行中。 等等。 所以总是一次点击后面。 […]

如何从tablesorter插件获取当前排序顺序?

我刚刚开始使用Christian Bach优秀的TableSorter插件,我需要获得列的当前排序方向。 我有几个专栏: ID 名称 类别 ID和名称设置为不可排序使用 headers: { 0: {sorter: false}, 1: {sorter: false} } 我在Name上添加了一个click处理程序,以便它在Category列上触发sort事件。 使用示例“ 使用表外链接对表进行排序 ”,我可以获取Name标题来触发Category排序 – 但它是硬编码的,可以在一个方向上排序。 如何让它查看“类别”列当前排序的当前方向,并按相反的方向排序? (我可以处理翻转值;因为排序顺序是0或1,我可以对值进行异或,以获得相反的结果,如var sort; sort ^= sort; – 我的问题是如何获取当前值。 这是当前在Name列上设置click处理程序的代码: $(“#nameCol”).click(function() { var sorting = [[2, 0]]; /* sort 3rd col (Category) descending */ $(“#SearchResults”).trigger(“sorton”, [sorting] ); /* SearchResults is the ID of the […]

jQuery鼠标方向插件

对不起,伙计们,这不仅仅是一个问题,而是一个答案。 我见过很多人问如何使用js / jQuery识别定向鼠标移动,这是我今天下午给他们写的一个插件。 jQuery提供对标准JS鼠标事件以及一些自定义事件的支持。 在jQuery中,很容易捕获鼠标点是否已经进入对象的边界或者是否离开(mouseenter,mouseleave)或者发生了其他事情(如click,dblclick等)。 但如果您需要捕捉鼠标的方向,则会遇到麻烦。 如果有一个插件可以在任何可以监听并绑定监听程序例程的元素上触发自定义鼠标方向事件,那将是非常棒的。 我今天下午写了这个小插件(jQuery MouseDirection Plugin)来触发DOM结构中任何可见元素的八个自定义事件。 这是源代码 /** * jQuery Mouse Direction Plugin * @version: 1.1 * @author Hasin Hayder [hasin@leevio.com | http://hasin.me] */ (function ($) { var options = {}; var oldx = 0; var oldy = 0; var direction=””; $.mousedirection = function (opts) { var defaults = { […]