标签: jquery-plugins

我在一个插件中看到了这个:

var options = $.extend(defaults, options); 

它是如何工作的？

怎么extend()办？

我有一个幻灯片div,我在div上面有一个datepicker字段.

当我点击datepicker字段时,datepicker面板显示在幻灯片div后面.

我把脚本放在:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js

所以我无法在CSS中更改datepicker的z-index.脚本生成的datepicker的z-index为1,我的幻灯片div(也称为googleajaxapi)z-index为5.所以我想我必须增加日期选择器的z-index大于5.所以有有什么办法可以增加吗？

有人可以帮帮我吗？

这是我试图用Bootstrap 3旋转木马实现的效果

它不是一次只显示一帧,而是一起显示N帧.然后当您滑动(或自动滑动时),它会像幻灯片那样移动幻灯片组.

这可以用bootstrap 3的旋转木马完成吗？我希望我不必去寻找另一个jQuery插件......

我正在使用优秀的jQuery Validate插件来验证某些表单.在一种形式上,我需要确保用户填写一组字段中的至少一个.我想我有一个很好的解决方案,想分享它. 请提出您可以想到的任何改进建议.

找不到这样做的内置方法,我搜索并找到了Rebecca Murphey的自定义验证方法,这非常有用.

我通过三种方式改进了这个:

1. 让您传入一组字段的选择器
2. 允许您指定必须填充该组的数量才能通过验证
3. 一旦其中一个输入通过验证,就将组中的所有输入显示为通过验证.(见呼喊出到尼克Craver在结束).

所以你可以说"至少必须填充匹配选择器Y的X输入."

最终结果,标记如下:

<input class="productinfo" name="partnumber">
<input class="productinfo" name="description">

......是一组这样的规则:

// Both these inputs input will validate if 
// at least 1 input with class 'productinfo' is filled
partnumber: {
   require_from_group: [1,".productinfo"]
  }
description: {
   require_from_group: [1,".productinfo"]
}

项目#3假定您.checked在成功验证后添加了一类错误消息.你可以这样做如下,这里展示.

success: function(label) {  
        label.html(" ").addClass("checked"); 
}

正如在上面链接的演示中,我使用CSS给每个span.errorX图像作为其背景,除非它有类.checked,在这种情况下它获得一个复选标记图像.

到目前为止,这是我的代码:

jQuery.validator.addMethod("require_from_group", function(value, element, options) {
    var numberRequired = options[0];
    var selector …

我想在页面加载时启动Fancybox(例如Fancybox的模态或灯箱版本).我可以将它绑定到一个隐藏的锚标签并通过JavaScript激活该锚标签的click事件,但我宁愿直接启动Fancybox并避免额外的锚标记.

我最近发现了Masonry和Isotope JQuery插件.它们似乎在功能上几乎完全相同,似乎都有相同的作者.我能看到的唯一明显区别是许可证.

这两者在功能方面有哪些主要区别？你为什么要用另一个呢？

我想用JavaScript创建一个饼图.在搜索时,我找到了Google Charts API.由于我们使用的是jQuery,因此我发现可以使用jQuery 集成Google Charts.

但我的问题是在这里将实际数据发送到Google服务器以创建图表.有没有办法阻止数据发送到Google？我担心将数据发送给第三方.

我正在使用jQuery Fullcalendar,如果你没有使用它,我建议你也这样做,因为它的功能非常棒!

然而,对我和我的项目(以及许多其他人)真正有用我真的相信它需要资源/ gannt视图.

不是人们会想到的问题......直到你看看jQuery FullCalendar的内幕并看到它生成它的方式的观点不适合javascript开发人员想要...即我.

意识到这已经超出了我的联盟,我不得不去别处寻找能够提供资源视图的日历/日程安排.

以下是三个承诺此功能的专有日历.

1. http://java.daypilot.org/
2. http://www.dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml
3. http://web2cal.com/ajaxeventscalendar/calendar-demo/912-premium-demo/157-scheduler-view

不幸的是这两个daypilot和dhtmlxscheduler缺乏干净,清晰的界面,FullCalendar达到这么好,web2cal只是外观和感觉未完成的,是仍处于测试阶段.

另外,我想知道是否有人对如何将jQuery Gannt图表与jquery fullcalendar集成有任何想法.

我发现了一些看起来很有希望的项目

• http://www.maro-z.com/examples/jquery.gantt/
• http://code.google.com/p/jquery-gantt/
• http://github.com/thegrubbsian/jquery.ganttView

我已经研究了fullcalendar如何生成它的视图,到目前为止还没有成功扩展它为这些gannt图表之一提供一个容器来"坐在"fullcalendar中并由其按钮触发.

这似乎是更受欢迎的功能请求之一,许多人在官方问题跟踪器上要求它

http://code.google.com/p/fullcalendar/issues/detail?id=150&colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars

所以我被留在十字路口.我可以支付一个半生不熟的专有解决方案,该解决方案支持很少或没有社区支持,或者我可以通过询问真正了解jQuery的人来尝试找到一种在jquery Fullcalendar中获取资源视图的方法.

我很乐意将使用专有解决方案节省的资金捐赠给Fullcalendar的开发人员.

FullCalendar的开发者似乎在他的板块上有很多,我想再次感谢他这个真正令人惊叹的日历.

我希望有人可以与我们分享解决方案!

蒂姆

jQuery站点列出了jQuery的基本插件语法,如下所示:

(function( $ ){    
  $.fn.myPlugin = function() {      
    // there's no need to do $(this) because
    // "this" is already a jquery object

    // $(this) would be the same as $($('#element'));

    this.fadeIn('normal', function(){    
      // the this keyword is a DOM element    
    });    
  };
})( jQuery );

我只是想从Javascript的角度理解那里发生了什么,因为它看起来不像我之前看过JS所做的任何语法.所以这是我的问题列表:

1. 如果用函数替换函数($)...,比如"the_function",语法如下所示:

    (the_function)( jQuery );
   

   Run Code Online (Sandbox Code Playgroud)

   什么是"(jQuery);" 在做什么？围绕the_function的括号是否真的有必要？他们为什么在那里？你能提供的另一段代码是否类似？

2. 它以函数($)开头.所以它创建了一个函数,据我所知,它永远不会被运行,参数为$,已经定义了？那里发生了什么？

谢谢您的帮助!

我是一个插件,像facebook一样做自动完成,你可以选择多个项目 - 类似于标记stackoverflow问题的方式.

以下是我遇到的一对情侣:

• http://wharsojo.wordpress.com/2008/02/18/jquery-facebook-autocomplete
• http://www.emposha.com/javascript/fcbkcomplete.html
• https://github.com/loopj/jquery-tokeninput

你试过这些吗？它们易于实现和定制吗？