草庐IT

jquery-svg

全部标签

javascript - jQuery 插件开发如何保持变量和方法私有(private)

出于练习目的,我正在创建一个jQuery插件,一个简单的图像slider。我使用来自Boilerplate-jQueryPlugins的模式.在初始化过程中,一切都按预期工作,每个实例都获得设置所需的正确值(宽度和高度,以及事件绑定(bind))。当我尝试将计算出的幻灯片宽度传递给执行动画的函数(单击下一步按钮)时,问题就开始了。我尝试保存的每个值都被最后一个实例覆盖-好的,据我所知,这就是原型(prototype)继承的作用。我在google上搜索了很多并在stockoverflow上找到了(不仅是)这个解决方案:globalorlocalvariablesinajquery-plu

javascript - Laravel 5 分页 + 无限滚动 jQuery

我正在尝试使用paginate()来实现无限滚动。我认为最简单的方法是使用“无限滚动”来实现这一点。如果您有任何其他建议如何在没有无限滚动库的情况下做到这一点,只需使用jQuery,我很乐意知道..我正在返回变量以像这样查看:publicfunctionindex(){$posts=Post::with('status'=='verified')->paginate(30);returnview('show')->with(compact('posts'));}我的看法:@foreach(array_chunk($posts->all(),3)as$row)@foreach($rowa

javascript - 制作一个无限动画jQuery

我想给一个div做一个无限动画。我成功地制作了一个无限移动的div,但它并没有显示为一致的动画。div正在移动然后再次调用该函数并再次移动,您可以看到动画何时停止以及何时再次开始。这是我做的代码:this.movePipesHolder=function(){this.pos=this.pos-10;parent=this;$('#pipesHolder').animate({"left":this.pos},function(){parent.movePipesHolder();});}我希望我的解释是正确的。 最佳答案 根据JQ

javascript - react : Resizing a div including handlers, 不同的游标,即 ns-resize - 没有 jquery

我正在寻找一种允许用户使用句柄和所有相关光标调整div大小的简单方法。我看到很多使用jquery的示例,但我想在React中使用它,不需要jquery。有谁知道这样做的简单方法吗?我假设纯js,css。我真的不想为此使用react组件,因为我需要在标准div上启用调整大小。当然,它是与reactjs一起使用的,有没有更现代的方法可以在没有jquery的情况下做到这一点?**编辑**这些是可用于每个可调整大小的点的光标e-resizene-resizen-resizenw-resizes-resizese-resizew-resizesw-resize 最佳答

javascript - 停止动画时重置 jQuery 动画

我从这个website得到了惊人的涟漪效应实现它使用SVG/Circle元素和jQuery动画函数在用户单击时创建波纹效果。虽然我有基本的编程知识,但我对JavaScript和jQuery方法/函数的了解较少,所以我确实阅读了很多关于JS和jQuery的研究。我找到了涟漪效应的实现;有用、轻量且简单,所以我想探索和扩展代码以适应我的项目。好的,所以我首先需要知道的是,当动画停止时如何重置动画所做的更改?我知道这对您来说是一个简单的问题,但作为JS和jQuery的初学者,我该如何实现?这是演示code看看这里到底发生了什么。我尝试添加函数(如代码所示):complete:function

javascript - 如何摆脱告诉我将 svg 属性更改为驼峰大小写的 react 错误警告?

最近我的团队从React15.1升级到了15.3。此升级带来了这些错误:warning.js:36Warning:UnknownDOMpropertystroke-width.DidyoumeanstrokeWidth?inginsvgindiv(createdbyUnknown)indiv(createdbyUnknown)inUnknownwarning.js:36Warning:UnknownDOMpropertyfill-rule.DidyoumeanfillRule?inginsvgindiv(createdbyUnknown)indiv(createdbyUnknown)i

javascript - 自定义元素/Web 组件可以与 SVG 一起使用吗?

对于CustomElements我可以这样做:classMyElementextendsHTMLElement{}我可以对SVG元素做同样的事情吗?喜欢classMyOwnRectangleextendsSVGRectElement{}如果可以,能麻烦谁给个jsbin吗?如果不是,为什么不呢?这有一些非常好的用例,例如能够在元素本身中存储model数据。SVG操作主要用于2个主要领域:动画图表,如ER、组织结构图、流程等。类似JointJS的图书馆有自己的类形式的抽象(它扩展了主干View)来存储与View(屏幕上的SVG图)关联的模型数据。就像WebComponents最终可以以标准

javascript - jQuery 事件委托(delegate)不适用于 jQuery UI 日期选择器

我试图阻止特定的点击事件冒泡到文档根目录,结果关闭了我的一个弹出窗口。我需要停止冒泡事件,body或html是我拦截和停止它的唯一选择。日期选择器弹出窗口是动态生成的,所以我不能在.ui-icon元素上使用直接事件,所以我在body上注册了一个委托(delegate)事件阻止它冒泡的元素。(function($){$(function(){$('body').on('click','.ui-icon',function(e){e.stopPropagation();});});})(jQuery);令人惊讶的是,将直接事件注册到body元素并检查事件的目标工作得很好。(function

javascript - 是否可以使用 jQuery 过滤已获取的数据

我正在使用Laravel框架并获取数据。现在我正在尝试使用Ajax和jQuery过滤数据。但是我面临的几个问题......更新4当我开始过滤时,有这个错误循环:"/var/www/html/laravel/vendor/laravel/framework/src/Illuminate/Routing/RouteCollection.php","line":255,"trace":[{"file":"/var/www/html/laravel/vendor/laravel/framework/src/Illuminate/Routing/RouteCollection.php","lin

javascript - 使用 jQuery 的 each() 在 JavaScript 中更清晰(嵌套)的闭包

我想知道是否有一种更简洁(更简洁)的方法来完成each()在以下JavaScript代码中所做的事情。$(".moreinfodialog").before('Clickformoreinfo.').each(function(){vartemp=this;$(this).prev("a").click(function(){$(temp).dialog("open");returnfalse;});}).dialog({autoOpen:false,modal:true});请注意,最后一次调用对dom元素进行了重新排序,因此.moreinfodialog类不再位于href旁边。顺便