Tag: jquery plugins

使用jQueryvalidation插件：onfocusout，onkeyup在生产站点上按预期工作

我正在使用jQuery Validate插件 v.1.9.0它非常好用。 但是我遇到这个问题，一旦用户提交表单并且有任何错误，它就会正确显示错误消息。 问题是如果用户采取措施来纠正该错误，它不会更新消息。 例如，如果需要字段，则在第一次收到消息时，用户开始键入，然后该消息应该消失。 在文档中，它提到onfocusout和onkeyup用于此目的，默认情况下它们设置为true。 有趣的是它似乎在我的本地工作站上运行，但是一旦我将代码上传到生产站点，它就会失败（默默地）。 我以为我在某种程度上把它弄得很糟糕，所以我解雇了jsfiddle并放了相关的代码 ，看它是否也发生在那里。 我很惊讶地看到它也在那里发生。 所以我的问题是为什么它可以在我的本地机器上运行而不在生产站点上运行？ PS自包含示例http://jsfiddle.net/tankchintan/cge44/5/ UPDATE 为了复制这个问题，请做 – 转到jsfiddle页面。 没有填写任何字段命中提交表单。 它将显示除每个字段之外的错误消息。 现在开始输入任何一个字段。 您会注意到，即使规则已满足，错误消息也不会消失。 在我的本地机器上，一旦我在现场输入任何内容，错误消息就会消失。

jQuery – INPUT type = File，Image FileTypevalidation选项？

我有以下内容： 在服务器上，我检查以确保它是一个图像，但我想首先检查客户端。 如果选择的文件输入文件不是gif，jpg，png或bmp，我如何使用jQuery提醒用户？ 谢谢

如果检查jQuery插件已经绑定到DOM节点，你怎么办？

首次初始化时，大多数jQuery插件都绑定/绑定到DOM节点。 $(‘#foo’).bar({options: …}); 如何查看当前绑定到DOM节点的插件或对象，如#foo ？ if($(‘#foo’).bar) if($.inArray(‘bar’, $(‘#foo’).eq(0))) if($(‘#foo’).eq(0).indexOf(‘bar’)) if($(‘#foo’).hasOwnProperty(‘bar’)) 例如，可以将事件绑定到这样的对象 console.log($(‘#foo’).data(‘events’));

jQuery：如何在尚未添加到DOM的元素上调用jQuery插件函数？

我有一个jQuery插件，我正在使用： $(document).ready(function(){ $(‘.elements’).fancyPlugin(); }); 这很有效，直到我开始添加新元素： $.get(‘ajax.html’, function(data){ $(‘#container’).html(data); }); 我可以像这样再次调用插件函数： $.get(‘ajax.html’, function(data){ $(‘#container’).html(data).find(‘.elements’).fancyPlugin(); }); …除了AJAX发生在另一个jQuery插件中，该插件不应该知道fancyPlugin() 。 如何将此插件应用于所有当前和未来的元素？

jQuery fn.extend（{bla：function（）{}}与jQuery.fn.bla

好吧，我想我在jQuery.extend和jQuery.fn.extend之间有所区别？ 通用扩展可以扩展任何对象，而fn.extend用于插件函数，可以使用一些内部jquery voodoo直接从jquery对象调用。 所以似乎人们会以不同的方式调用它们。 如果使用通用扩展来通过添加函数y来扩展对象obj，那么该方法将附加到该对象obj.y（）但是如果使用fn.extend则它们将直接附加到jquery对象$ .y（）。 ……我有没有正确的是或否，如果没有，我的理解是什么？ 现在我的问题： 我正在阅读的这本书主张使用 jQuery.fn.extend({ a: function() { }, b: function() { } }); 语法，但在文档中说 jQuery.fn.a = function() { }; 我想如果你想要b也一样 jQuery.fn.b = function() { }; 这些在function和性能方面是否相同，如果没有，有什么区别？ 非常感谢你。 我在挖jQuery！

jQuery插件和Polymer元素

我试图在Polymer元素中包装几个jQuery插件，但到目前为止收效甚微。 例如， 这里有select2插件（ 这里讨论的麻烦 ）和DataTables插件。 虽然没有jQuery依赖项会很棒，但是即时使用jQuery插件的前景非常成熟，并且在Web组件库赶上之前，将包含所有Web组件的优点的包装器带到深层会很好jQuery插件库。 我的问题是，在需要考虑的Polymer元素中使用jQuery时是否存在任何关键问题？ 更有用的是，有成功的Polymer元素包装jQuery插件的好例子吗？ 到目前为止，我对这些例子的搜索发现很少。

较旧版本与较新版本的jquery冲突

我遇到了jquery插件的一个主要问题。 我有一些用jquery 1.7.1编写的代码，现在我开始使用bootstrap，需要1.9.1 jquery插件或更高版本。 包含此版本“ https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js ”后，我之前的function停止了工作。 然后我使用了两个版本，但没有运气。 我不想重写我以前的代码，使其与新版本兼容。 请提供解决方案 我收到很多错误：Uncaught TypeError：that.errorDialog.dialog不是函数，.live不是函数，.dialog没有定义，null错误。 我的代码与jQuery 1.7.1一起工作正常 我该如何解决这个请帮忙。 谢谢！ 迪皮卡

我应该使用哪种jQuery插件设计模式？

我需要构建一个jQuery插件，它将为每个选择器id返回一个实例。 该插件应该并且将仅用于具有id的元素（不可能使用与许多元素匹配的选择器），因此它应该像这样使用： $(‘#element-id’).myPlugin(options); 我需要能够为插件提供一些私有方法以及一些公共方法。 我可以实现这一点，但我的主要问题是每次调用$（’＃element-id’）。myPlugin（）时我想得到相同的实例。 我希望有一些代码只应在第一次为给定ID（构造）初始化插件时执行。 应该首次为构造提供options参数，之后我不希望执行构造，这样我就可以像$（’＃element-id’）一样访问插件.myPlugin（） 该插件应该能够在同一页面上使用多个元素（通常最多2个）（但是每个元素都需要自己的配置，它们将通过ID初始化，例如，不是常见的类选择器）。 上面的语法只是举例 – 我对如何实现该模式的任何建议持开放态度 我对其他语言有很多OOP经验，但对javascript的知识有限，我真的很困惑如何正确。 编辑 详细说明 – 这个插件是一个GoogleMaps v3 API包装器（帮助器）来帮助我摆脱代码重复，因为我在许多地方使用谷歌地图，通常使用标记。 这是当前的库（删除了大量代码，只剩下最重要的方法）： ;(function($) { /** * csGoogleMapsHelper set function. * @param options map settings for the google maps helper. Available options are as follows: * – mapTypeId: constant, http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeId * – mapTypeControlPosition: constant, http://code.google.com/apis/maps/documentation/javascript/reference.html#ControlPosition * – mapTypeControlStyle: constant, […]

JQuery UI Slider的时间

嗨，我需要实现24小时时间范围的滑块。 我喜欢使用jquery ui slider。 我写了下面的代码 $(function() { $(“.slider-range”).slider({ range: true, min: 0, max: 23.59, step: 0.15 }); }); 我喜欢的范围就像01:00 —- 01:59 我如何给结肠（:)而不是点（。）。 此外，范围等于超过59，如05:85。 请帮我创建一个时间滑块

为什么lightbox jQuery插件不适合我？

按照这里的说明进行操作： http ： //lokeshdhakar.com/projects/lightbox2/和“Murach的JavaScript和jQuery”一书（第320和321页），我正在尝试为我的网站添加灯箱function。 我添加了lightbox.css（和screen.css，可能也需要它），我的Content文件夹，以及lightbox.js和jquery.smooth-scroll.min.js（因为它包含在灯箱下载中，我想象灯箱需要它）到我的Scripts文件夹。 我还在我的Images文件夹中添加了以下图片：light.png，loading.gif，next.png和prev.png。 我有这个html和jQuery代码（这是整个Default.cshtml）： @{ Layout = “~/_SiteLayout.cshtml”; Page.Title = “el Garrapata – Spoon!!!”; } Spring Summer Fall Winter $(document).ready(function () { $(“#tabs”).tabs(); }); …但它不起作用：虽然在“弹簧”选项卡中显示一个缩略图图像，但单击它只会导致屏幕大部分变暗 – 它变得“灰显”到几乎不透明的程度。 灯箱下载还包括jquery-1.7.2.min.js和jquery-ui-1.8.18.custom.min.js 我在_SiteLayout.cshtml中引用了较新的版本： 这可能是问题吗？ 如果我想使用lightbox，我是否“使用旧版本的jQuery和jQueryUI”？ 顺便说一下，我试图在灯箱的内部论坛上发布这个post，但无法登录，无论是Fakebook还是Google（虽然我（不情愿的是前者）帐户同时使用;还有我试过的OpenID爵士乐，但它似乎期待一个URL …… ???） UPDATE 注意：我准备尽快给这个问题100分。 如果我在此之前得到答案，我将奖励赏金后答案。 更新2 我已经切换到fancyBox，但是当点击“缩略图”而不是中心时，大（href）图像仍然会拥抱页面的左侧。 这里是所有Razor，HTML和jQuery（为简洁起见，一些图像代码被省略）： 从_SiteLayout.cshtml中选择： <!– May want to replace the above before deploying with use […]