Tag: jquery plugins

JQueryvalidation未validation

我正在尝试使用JQueryvalidation器插件来validationrails应用程序,但它既没有抛出任何错误也没有validation任何东西。 我不知道我的代码还有什么问题 – 任何帮助都将不胜感激! $(document).ready(function() { $(“.theform”).validate({ rules: { name: { required:true, minlength:2, maxlength:50 }, email: { required: true, email: true, minlength:2, maxlength:50 }, phone_number: { required: true, phoneUS: true, minlength:9, maxlength:20 } }, messages: { name: { required: “Please provide your name”, minlength: “Too few characters!”, maxlength: “Too many characters!” }, email: { required: […]

禁用单列的单击事件

任何人都可以让我知道如何禁用特定列的点击事件。 场景:我们在表格中显示了用户详细信息,一旦在表格行上单击,弹出对话框窗口将显示更多详细信息(调用ajax请求以从数据库中检索详细信息)。 但我们的约束是禁用与表关联的单个列的单击事件。 例如: Name Id Phone Number Krupa 123 Click me 如果对文本(第1列和第2列)进行了单击,则会在单击事件时调用。 但是,如果用户点击超级链接(第3列),我想将其重定向到Google但不是点击事件(testing())。 任何人都可以帮助我实现这一目标。

jQueryvalidation – 至少需要一个同名的输入

我正在使用Jquery Validation插件,并在数组中有一系列具有相同名称的输入,例如5个输入,其中name =“name []” 我想要至少有一个这样的要求。 谁会知道怎么做? 谢谢!

了解jQuery插件开发模式

根据jQuery插件创作指南 ,基本的插件结构如下所示: (function($){ $.fn.myPlugin = function( options ) { return this.each(function() { // Do something… }); }; })( jQuery ); 然而,我在我检查过的几个jQuery插件中看到了以下模式: (function($){ $.extend($.fn, { myPlugin: function( options ) { $(this).each( function() { // Do something }); }, }) })(jQuery); 有人可以解释第二种方法 – 什么是$.extend(…和所有关于对象的符号? 谢谢-

无法按名称引用动态创建的元素

创建页面时,我有一个包含一行的表: 因此,当用户点击此元素时,会显示一个日期选择器: $(document).ready(function() { $(‘[name=”when”]’).datepicker(); }); 当用户向该表添加一个新行时,我调用setClass函数在新行(所有行)上设置它: function setClass() { $(‘[name=”when”]’).datepicker(); } 但这不适用于这些动态创建的行。 为什么? 这是我添加行的方式: function addRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); var colCount = table.rows[1].cells.length; for(var i=0; i<colCount; i++) { var newcell = row.insertCell(i); newcell.innerHTML = table.rows[1].cells[i].innerHTML; switch(newcell.childNodes[0].type) { case "text": newcell.childNodes[0].value = ""; break; case […]

什么是jquery noConflict,为什么我们需要它?

我见过一个包含jQuery.noConflict方法的jquery代码。 不知道它的目的,没有得到我们需要的原因。 我只知道它是与jquery插件相关的东西。

jQuery timepicker’Object不支持此属性或方法’

我一直在寻找一个时间选择器,终于找到了这个, timepicker ,问题是我无法让它做任何事情.. 这是我的页面: VTC Request Form $(document).ready(function(){ $(“#datepicker”).datepicker({}); $(‘#StartTimeTextBox’).timepicker({}); }); Date: Start Time: datepicker工作正常,但时间戳错误 – ‘对象不支持此方法或属性’

jquery插件:将函数转换为插件?

我想学习编写jquery插件,所以我认为如果我通过将我的函数转换为插件来学习它会更容易,例如: 这些是我的正常function, this.delete_uploaded = function(){ $(“.delete-uploaded”).click(function(){ // remove the popup. $(‘#popup_result’).remove(); // same as: var target_delete = $(this).parent().parent().parent(); var target_delete = $(this).parents(‘.item-uploaded’); // the item for deletion, such as item held in li var parent_delete = $(this).parents(‘.items-uploaded’); // the parent that hold delete item, such as ul > li var wrapper_parent = $(this).parents(‘.upload’); // the […]

jScrollPane滚动条问题

我正在使用Wordpress作为CMS的网站上工作,我想在我的网站上使用div内的自定义滚动条。 我一直在尝试使用jScrollPane插件,但是我无法使用它。 主要代码在我的header.php文件中,并且有一个类.scroll-pane,header.php中的相关代码是: .scroll-pane { width: 100%; height: 280px; overflow: auto; } <script src="/js/jquery-1.3.2.min.js”> <link type="text/css" href="/style/jquery.jscrollpane.css” rel=”stylesheet” media=”all” /> <script type="text/javascript" src="/js/jquery.mousewheel.js”> <script type="text/javascript" src="/js/jquery.jscrollpane.min.js”> var $j = jQuery.noConflict(); $j(document).ready(function() { $(‘.scroll-pane’).jScrollPane({showArrows: true}); }); page.php文件: WP loop goes here CSS: .newsBox{height:280px; overflow: auto;} 我收到以下错误(被firebug捕获): ” $(“.scroll-pane”).jScrollPane is not a function $(‘.scroll-pane’).jScrollPane({showArrows: true}); ” 我认为问题在于函数,所以我尝试了各种post和论坛的一些建议,包括: […]

不使用属性的jQuery Tooltip

我正在寻找一个不使用属性的jQuery工具提示插件。 到目前为止,我尝试了一些变化,包括; Tooltipster,PowerTip,jTip和TipTip! 它们都有效但在IE8中都不能正常工作(这是必须的)。 它们也都使用属性。 我需要能够在包含块中使用其他标签,例如 等,因此不需要使用 。 使用 或类似的插件将是完美的,因为我可以自定义我想要的方式并使用相关的标签。 我搜索,搜索和搜索但找不到任何东西,所以如果有人知道,我会非常感激!