Tag: jquery plugins

Jquery JScrollPane – 设置滚动速度/灵敏度

我有一个相对简单的问题,我无法在任何地方找到解决方案。 有谁知道,如何初始化JScrollPane插件( 插件网站 ),滚动速度更敏感? 默认速度太慢而且迟缓,尤其是在更高分辨率的显示器上。 示例初始化: $(‘#element’).jScrollPane();

jQueryvalidation规则和消息

我在设置jQueryvalidation的规则和消息时遇到了麻烦。 我试图从resume [zip_code]获取值,但我不知道如何在JQuery中编写它。 我试过了 rules: { resume[zip_code]: required: true } 但不起作用。 这是我需要从中获取值的地方。 Zip Code: 应用代码 post ‘/create_resume’ do session[:errors].clear @user = User.first(:email_address => session[‘user’]) @resume = @user.resumes.new(params[:resume]) @resume.save params[:education].each_key do |school| @school = @resume.educations.new(params[:education][school] @school.save end params[:job].each_key do |job| @job = @resume.jobs.new(params[:job][job]) @job.save end params[:otherskill].each_key do |other| @otherskill = @resume.otherskills.new(params[:otherskill][other]) @otherskill.save end if session[:errors].empty? === […]

两个jQuery插件在同一页面上冲突

我有两个jQuery插件在同一个文件上工作。 一个是jquery.autocomplete.js ,另一个是jquery.thumbnailScroller.js 。 问题是当我在同一个文件上使用两者时,自动完成function根本不起作用,而且thumbnailScroller工作正常,但是如果没有thumbnailScroller插件,效果相同。 现在,当我浏览js文件时,我得到了$.fn. 在两个文件中。 但是,由于这个或其他原因,我不知道是什么问题。 我也在google和stackoverflow中搜索过,但我没有得到正确的解决方案。 请指导我

jQuery插件的回调函数

我怀疑Javascript中的“调用”function。 我有这个jQuery插件: (function($) { var methods = { method1 : function( settings, callback ) { // do stuff if($.isFunction(callback)){ callback.call(this, $(list)); } }, method2 : function( settings, callback ) { // do stuff if($.isFunction(callback)){ callback.call(this, $(list)); } }, method3 : function( settings, callback ) { // do stuff if($.isFunction(callback)){ callback.call(this, $(list)); } }, }; $.fn.jPlugin […]

AngularJS ngRepeat和jQuery – DOM重建问题

我非常清楚如何混合angularjs和jquery不是一个好主意。 但是,我需要一个自定义的轮播,只能通过TEXT滑动。 angularjs的所有现有旋转木马动画在很大程度上依赖于图像是内容的一部分,而我没有图像。 所以我找到了一个非常好的jquery库,用于这样的事情,称为“光滑”。 它适用于angularjs,但是当我动态地将新值添加到现有数组时,整个事情就会分崩离析。 我怎么能改变这部分代码,以便我可以动态地将对象添加到数组并保持jquery光滑的库工作? 这是代码,您可以按“上一个”和“下一个”,轮播将工作,但只要按下“添加新元素”按钮,整个事情就会崩溃。 http://jsbin.com/tihodihuho/1/edit?html,js,output

无法在Android或iPad中使用touchswipe插件获取滑动方向和距离

使用名为touchswipe( Touchswipe http://labs.skinkers.com/touchSwipe/)的jQuery插件,主要用于桌面和一些移动设备,如galaxy tab或iPad,用于向左和向右滑动页面中的第三列。 使用html和jQuery创建的页面链接如下: my page然而,触发滑动事件时,距离和方向为null。 [Touchswipe]网站上的演示似乎与类似的代码一起使用。 请让我知道我做错了什么,请帮助我。 谢谢。

使用jQuery滚动插件来避免#on url

我想使用滚动jQuery插件滚动到anchor tag因为我不希望浏览器在单击链接时将#添加到URL的末尾。 我不希望任何人用#标记我的网站的url。 TOP top jQuery.ScrollTo是最标准的插件吗? http://demos.flesler.com/jquery/scrollTo/ 我想支持IE6,FF4,Chrome,Android和iphone。 jQuery.ScrollTo是否支持它们? 或者,如果我需要浏览器可兼容性,我不应该使用滚动插件吗?

jquery-visible插件:使用`element.visible(true)` – 但仅当“complete”元素可见时仍然返回true。 为什么?

JsFiddle在这里! 从这篇文章来看, 在最简单的forms中,可以按如下方式检查元素: $(‘#element’).visible() 如果整个元素是可见的,则此方法将返回true(即,如果该元素的任何部分位于视口之外,它将返回false。将true传递给’visible’方法,将告诉插件如果任何一部分返回true元素在用户屏幕上可见。 $(‘#element’).visible( true ) 在下面的脚本中, if块if ( $(‘.firstPage’).visible(true) ) …一旦在滚动时屏幕上的.firstPage div 的一部分变得可见,就会被执行。 但问题是,只要.firstPage元素变得可见,它就不会被执行(这意味着$(‘.firstPage’).visible(true)不返回true)。 为什么? 我错过了什么? 码: $(window).bind(‘scroll’, function(){ var lastScrollTop = 0; var originalHeaderPosition = $(“.header-menu-container-nav”).offset().top; var scrollTop = $(this).scrollTop(); var vph = $(window).height(); var currentHeaderPosition = $(document).scrollTop(); var deltaHeaderPosition = currentHeaderPosition – originalHeaderPosition; if (scrollTop > lastScrollTop){ // downscroll code […]

jQuery Isotope插件 – 添加内联“display:none” – 无法弄清楚原因

我正在尝试将Isotope添加到我的新Wordpress主题中。 问题是它不会显示,因为有些东西正在向主同位素包装器添加内联(display:none)样式。 它看起来像这样: 我刚刚在我的样式表中添加了以下CSS覆盖: .isotope { display:block !important; } 有没有更好的方法来解决这个问题? 我觉得这是一个俗气的解决方案……

如何在jqPlot中为特定系列的数据设置Stack Series false

我正在我的一个项目中使用jqPlot图表。 我正在创建与下面相同的图表。 http://sofzh.miximages.com/javascript/p8QiA.jpg 图表工作正常,但折线图值不应该得到堆栈。 但是,在我的代码中,线序列值也会堆叠。 例如:全部堆积条形图值为10,折线图值为50.但是,在我的方案中,折线图值绘制在位置60而不是50。 我的代码如下。 plot = $.jqplot(chartId, [d1, d2, d3], { seriesColors: [“#d82b25”, “#707b7f”, “#083a6d”], title: titles, stackSeries: true, animate: true, animateReplot: true, cursor: { style: ‘pointer’, show: true, zoom: false, looseZoom: false, showTooltip: false }, series:[ { pointLabels: { show: false }, renderer: $.jqplot.BarRenderer, showHighlight: true, yaxis: ‘yaxis’, rendererOptions: { animation: […]