Tag: jquery plugins

如何在jquery插件中正确实现选项/更新方法？

我正在尝试创建一个能够在初始化后更新选项的插件。 我开始使用简单的插件，这将帮助我理解插件的逻辑。 所以这里是： ;(function($) { var defaults = { message: ‘This is default message’ }; var options = {}; var methods = { init : function( options ) { options = $.extend(defaults, options); return this.each(function() { $(this).click(function(){ alert(options.message); }); }); }, option: function( key, value ){ if (val) { options[key] = val; } else { […]

jQuery Validation PlugIn：回调现场成功validation？

我正在使用errorPlacement向标签添加一个类，以显示除错误文本之外的图形元素（它们都是不同的元素）。 有没有办法使用在字段validation成功时触发的回调？ 我已经在使用validClass，它将更改错误消息，但我需要回调，所以我可以将图形元素更改为“成功”。 例如 [graphic] [输入字段] [错误文本] 当出现错误时，我能够更改[图形]和[错误文本]，但是当在字段中输入正确的值时，我能够更改[错误文本]而不能更改[图形]。

在jquery中引用选择器比实际调用选择器更快吗？ 如果是这样，它会产生多大影响？

$(preview-button).click(…) $(preview-button).slide(…) $(preview-button).whatever(…) 这样做是一种更好的做法： var preview-button = $(preview-button); preview-button.click(…); preview-button.click(…); preview-button).slide(…); preview-button.whatever(…); 为了保持代码清洁和模块化，这可能是更好的做法，但它是否会在性能上有所不同？ 是否需要比另一个更长的时间来处理？ 多谢你们。

jQuery输入掩码

嘿，我是jQuery的新手，我想在输入框上检查onblur这个格式cda 123。 表示前3个字符空格和3个整数。 通常我看到代码写在输入id上，但如果我想要Class，那么我该怎么做呢。 例如，我有class =“InputMask-cccsnn”我希望这个格式的CheckInputMask（this）在类上没有输入id。 如何更改以下代码。 请回复 以下是关于一个输入id的keyup的代码。 $(‘input’).keyup(function(e){ var value = $(this).val(); if(value.length 3) { char = value.substring(value.length – 1); if(isNaN(char)) { var newval = value.substring(0, value.length – 1); $(this).val(newval); } } });

需要帮助Jquery TableSorter寻呼机插件

我正在使用tablesorter插件： http ： //tablesorter.com/docs/和jquery 1.4.2 现在我的问题是这个。 用户可以动态地向表中添加行。 但这似乎搞砸了传呼。 就像首先它被添加到行的第一个“页面”但是如果你去第二页然后你回到第一页。 你的新记录消失了。 我不知道它在哪里，但它已经消失了。 我试着这样做 $(‘#pagerid’).unbind(‘click’); $(‘#tbl tbody ‘).append(response.HtmlRow); $(‘#tbl’).trigger(‘update’); 所以我尝试取消绑定寻呼机点击方法并执行触发器更新，但这似乎不起作用。 然后我尝试在上面的3行之后添加这一行。 $(‘#tbl’).tablesorterPager({ container: $(‘#pagerid’) }); 但似乎也没有做任何事情。 http://tablesorter.com/docs/example-pager.html

使用jquery.event.drag拖动多个元素

我想用jQuery插件jquery.event.drag拖动多个元素 这是原始演示的小提琴 ： 这是原始演示的链接： 在演示中，用户点击他想要选择的方块并拖动它们。 但我想做一些最简单的事情：只需点击方块“1”并移动所有方块。 我尝试了不同的东西，结果并不好，看到这个小提琴： http://jsfiddle.net/Vinyl/gVFCL/2/ 你能帮那我吗？ HTML代码： CSS代码 .drag { position: absolute; border: 1px solid #89B; background: #BCE; height: 58px; width: 58px; cursor: move; top: 120px; } .selected { background-color: #ECB; border-color: #B98; } jQuery的 jQuery(function($){ $(‘.drag’) .click(function(){ $( this ).toggleClass(“selected”); }) .drag(“init”,function(){ if ( $( this ).is(‘.selected’) ) return $(‘.selected’); }) […]

完整日历 – 将可点击的图标与事件相关联？

我想在日历上为每个事件添加4个图标。 每个图标应该在点击事件上调用不同的function。 说实话，我在CSS方面不太好。 我尝试了下面的代码，但没有调用这些图标的click事件。 而是调用事件事件。 无论如何要添加4个带可点击事件的图标吗？ 先感谢您 eventRender: function(event,element,calEvent) { element.find(“.fc-event-title”).after($(“”).html(“”)); }

创建类似于Google Analytics的分析图

我正在这里建立一个管理面板，并从正在下载我们的itunes mp3的用户那里记录一些ip数据。 我们有用户的IP和位置，但我想要一些在视觉上显示的方式。 是否有任何jquery插件或插件可以让我显示我在地图上直观收集的统计数据，类似于Google Analytics的方式？

在jQuery中，如何在同时使用resizable（）和draggable（）时修复包含错误？

在jQuery中，如何在同时使用resizable（）和draggable（）时修复包含错误？ 如果在同一对象上使用draggable，似乎可resize的容器的左偏移和顶部偏移是错误的。 我在谷歌看了这个，有几个人有同样的问题，但没有答案。 如果有人能提供帮助就会很棒，这让我疯了！ 下面是一个例子： http ： //www.fissiondesigns.com/simon/ 尝试调整图像上的一个框的大小。 谢谢！

为什么这个而不是jQuery插件中的$（this）

文档告诉我们： 假设我们想要创建一个插件，使一组检索到的元素中的文本变为绿色。 我们所要做的就是在$ .fn中添加一个名为greenify的函数，它就像任何其他jQuery对象方法一样可用。 $.fn.greenify = function() { this.css( “color”, “green” ); }; $( “a” ).greenify(); // Makes all the links green. 请注意，要使用.css（），另一种方法，我们使用它，而不是$（this）。 这是因为我们的greenify函数是与.css（）相同的对象的一部分。 我不明白最后一段。 该function传递给this什么？ 为什么不用$(this)来引用jQuery对象？ 我们不是使用$(el).css()来正常设置jQuery中的CSS吗？ 那么为什么不在插件中呢？