Tag: jquery plugins

在iframe中获取无线电值

我如何使用jQuery执行此操作? 基本上结构: First Second Third 我从网上尝试过各种各样的例子 $(“input[@type=radio][@checked]”); 但失败了。 即使使用jQuery表单插件的.fieldValue()也失败了。

jQuery检测鼠标停留在元素上的秒数

有没有办法检测鼠标指针停留在html元素上的秒数? 我想检索鼠标停留在元素上的秒数,以便在回调事件上稍微延迟…如果可能的话:) 我正在尝试通过计数器进行简单的for()循环检测: var time_over ; $(‘.bean-active’).live(‘mouseover’,function(){ id_tag = $(this).attr(“id”); for(time_over = 1;time_over <= 3000;time_over ++){ if(time_over == 3000){ $('.bean-bubble,.bean-bubble img').hide(); $('#bean-bubble-'+id_tag+',#bean-bubble-'+id_tag+' img').show(); } } }); 问题是它不起作用:( 另外我想绑定一个mouseleave事件,脚本逻辑应该是: while ( mouseover element count how many time it stays over) if (time == n) { do somenthing } if (mouseleave from element earlier then time) { […]

jQuery委托插件

jQuery委托很棒,尤其是在使用表行单击事件时。 我想知道是否可以使用带插件的代表? 例如,如果我将弹性插件附加到每个文本区域,我会这样做: $(“textarea”).elastic(); 但是我如何使用委托附加此插件?

jquery:maskedinput插件不适合使用validation插件

刚开始使用jquery,我正在尝试使用validation插件进行表单validation。 然后我发现了maskedinput插件( http://digitalbush.com/projects/masked-input-plugin/ )并尝试在电话号码字段中使用它。 事情发展到一定程度:当电话领域聚焦时,它会显示占位符并允许您输入电话号码并限制您使用数字 – 非常好! 但是,如果您只输入9位数而不是所需的10位数(假设使用美国电话号码),是的,不太可能,但更疯狂的东西已经发生,并且您点击提交,那么已经清除了电话字段中已有的任何内容。 如果您输入整个电话号码并且某些其他字段的validation失败,则电话字段中的条目会粘住。 我怎么能阻止这个? 谢谢你

在下列情况下,如何获得Waypoints(Jquery插件)以进行无限滚动?

我正在使用Waypoints Jquery插件: http : //imakewebthings.github.com/jquery-waypoints/#documentation 我的问题是我想在到达航点时动态加载内容。 最初,内容是动态加载的,然后我想要最后的航点…当到达航点时,我想在它前面加载更多内容,等等。 结构体: /* {messages loaded here} */ /* #waypoint added after messages loaded via appendTo(‘.viewport-content’) */ viewport / viewport-content通过css形成可滚动区域。 我在使用appendTo在初始消息加载后附加了航点,否则航路点位于顶部并被击中。 但是,当我在加载初始消息后使用appendTo时,当我向下滚动时,我无法使其正常工作。 这是关于航点的当前JS: var opts = { offset: ‘bottom-in-view’, context: ‘#central-pane .viewport-content’, }; $(‘#waypoint’).waypoint(function(event, direction) { alert(“You’ve hit my waypoint! ow!”); $(‘#messages’).append($loading); messagesLoad(); /* loads more messages via appendTo(‘#messages’) */ […]

jQuery插件:如何使用qunit测试插件的配置?

我在编写jQuery插件时尝试qunit,我想知道如何测试以下内容: (function($){ $.fn.myPlugin = function(options){ var defaults = { foo: function(){ return ‘bar’; } }; options = $.extend(defaults, options); return this.each(function(){ … }); }; })(jQuery); 这是我的qunit测试的简单版本: module(‘MyPlugin: Configuration’); test(‘Can overwrite foo’, function(){ var mockFoo = function(){ return ‘no bar’; }; //equals(notsure.myPlugin({ foo: mockFoo }, ‘no bar’, ‘Overwriting failed’); }); 所以我想知道如何在我的测试中从我的插件中公开内部方法/成员?

Jquery Fancybox在回发后无法正常工作

我在asp.net页面上有一个Fancybox(或更准确地说)一些奇特的盒子。 我的Fancybox (jquery插件)工作正常,直到页面上发生回发然后它拒绝工作。 有什么想法吗? 有人经历过类似的行为 更新:一些代码.. 我有一个数据包转发器,每个重复项目都有一个fancybox。 它们是由(在中继器之外)实现的 $(document).ready(function() { $(“a.watchvideo”).fancybox({ ‘overlayShow’: false, ‘frameWidth’ : 480, ‘frameHeight’ : 400 }); }); 锚标签重复.. HREF = “#watchvideo _ ” 就像是一个div id=”watchvideo_ 作为实现flash电影的脚本元素 是的,VideoIds正在输出页面。 更新:这不是闪存的问题.. 这不是闪存的问题,因为我在没有闪光灯的情况下尝试过它,它甚至不会弹出一个带有简单消息的窗口。 更新:我想知道它是否是更新面板。 在Ajax更新后重新绑定jQuery中的事件(updatepanel) – 李

Jquery:TableSorter-具有特定格式的日期不起作用

我正在使用Tablesorter插件对表进行排序。 第四列是具有格式的日期字段: – > 2013年1月30日 – > 2013年2月1日 当我尝试排序格式时,它会给出错误的排序。 我的查看页面:(其中一个日期列) jQuery的 $(function() { $(“#myTable”).tablesorter(); });

如何使BootPrap(插件)的ClockPicker出现在Bootstrap Modal弹出窗体中?

以下是ClockPicker for Bootstrap的链接: http ://www.jqueryrain.com/?B83aD_dg 它完美地运作; 但是,当我尝试使用它来填充Bootstrap模式弹出窗口中的文本输入时,时钟出现在模式弹出窗口后面。 如何让时钟选择器出现在模态弹出窗口中(或前面)呢? 这是一个发生的事情的图像: 我已经尝试将div的z-index改为前面; 我也尝试将clockpicker.css中每个元素的z-index更改为前面(例如:z-index:1120)。 然而,所有这一切都使时钟消失。 × Appointment Scheduler var input = $(‘#time’); input.clockpicker({ autoclose: true });

typeahead.js没有返回所有结果

我很难找到typeahead.js来返回/渲染我页面上的所有结果。 这是我的代码: var places = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.whitespace, queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url: ‘/api/place/?country={{ country.id }}&name=%QUERY’ , transform: function (data) { return data.response; } , wildcard: ‘%QUERY’ } }); var selected = false; $(‘.typeahead-place’).typeahead({ hint: true, highlight: true, minLength: 2 }, { name: ‘places’, displayKey: function (obj) { if (obj.url != null && obj.url.length […]