草庐IT

jquery-svg

全部标签

javascript - 刷新元素以显示其新工具提示(在 jQuery/Javascript 中)

我有一个html元素,当悬停在它上面时,它使用Bootstrap工具提示来显示标题。但是,当您单击此元素时,我正在更改工具提示,但直到我将鼠标从它移开并再次将鼠标悬停在该元素上时,新的工具提示才会显示。我希望在单击所述按钮时立即显示工具提示。我怎样才能做到这一点?有没有办法在没有更好的词的情况下“刷新”html元素? 最佳答案 试试这个演示:http://jsfiddle.net/dreamweiver/9z404crn/$(document).ready(function(){$('#example').tooltip();$('

javascript - 对所有事件使用 jQuery .on()

对每个事件使用jQuery的.on()事件处理程序是否被认为是不好的做法?以前,我的代码包含这样的脚本:$('#cartButton').click(function(){openCart();});但是我最近开始使用InstantClick(一个pjaxjQuery插件)。现在我的脚本都不起作用了。我明白为什么会这样,但我不能用InstantClick.on('change',function(){标签包装我的代码,因为这意味着我的代码开始重复自己。例如,点击购物车按钮将多次运行openCart()函数。因此,为了解决这个问题,我将所有函数更改为如下所示:$(document).on

javascript - 重置表单/从 jQuery 验证中删除错误类

我有一个使用jQuery验证方法的联系表单。当用户点击“重置”按钮时,孔接触形式应进入初始状态。这是按钮的样子:Reset我的“$(document).ready-function”中的JS代码是:$('#cancel').on('click',function(){$("#contact").validate().resetForm();$("#contact").removeClass("has-error");});问题:错误文本和输入字段将被删除。但红色边框(.has-error)或绿色边框(.has-success)不会被删除。我已经为你创建了一个JSFiddle:http:

javascript - SVG 圆形描边原点

我在描述问题时遇到了问题,但这里是:我正在尝试制作一个SVG圆圈进度条,我找到了一个完美的例子,说明我想在没有任何第三方库(如snap)的情况下做的事情:http://codepen.io/JMChristensen/pen/Ablch问题是我在更改笔划原点方面遇到了实际问题。如果您尝试一下,您会注意到,原点位于右侧。我需要它来自顶部。现在,我是一名开发人员,所以我已经尝试过自己,但我终究无法弄清楚如何去做。如果我更改stroke-dasharray属性,笔划将与stroke-dashoffset中设置的百分比不匹配。我明白这一切都归结为stroke-dasharray值的数学运算,但

javascript - 如何在重定向到 jquery 之前预加载(缓存)外部页面?

我正在做一个phonegap应用程序。我有一个带有登录按钮的index.html页面,该按钮可重定向到网站应用程序。当登录按钮被点击时,我想在页面上显示一个正在加载的gif正在缓存/预加载并在完成后重定向到页面。我将不胜感激示例脚本代码。 最佳答案 我什至不确定您是否需要使用任何jQuery或Javascript,除非您想要动态地处理许多此类情况。您可以查看HTML5预取以在登录后预加载和缓存下一页。所以在你的文档的头部添加:您可以在DavidWalsh博客上阅读更多相关信息here,或在MDN上阅读更多信息prefetchMDN

javascript - 使用 css3 和 jquery 分别动画缩放和旋转

更新和澄清我需要执行一些在图标上立即旋转(使用css3transform)的jquery。然后一旦图标旋转,我想设置动画并缩放到200%的大小。但是,由于缩放和旋转都是一个CSS3属性(转换),我看到这两个转换都作为0.5秒的动画发生。(在JQUERY代码中,我还更新了位置(顶部、左侧),但由于它不在transition:标记中,因此它会根据需要立即发生。我想要的是立即发生旋转,并在2秒内发生缩放。有什么想法吗?CSS:transition:transform0.5s;-webkit-transition:-webkit-transform0.5s;JQUERY:self.pick=f

javascript - 为什么不显示 SVG 使用用 JavaScript 创建的元素?

我的文档中有一个SVG,我用JavaScript向它添加了一个符号,如下所示:varmyScene=document.getElementById('myScene');varuseSVG=document.createElement('use');useSVG.setAttribute('xlink:href','spriteSheet.svg#mySymbol');useSVG.setAttribute('x','10');useSVG.setAttribute('y','30');useSVG.setAttribute('width','10');useSVG.setAttrib

javascript - 在 jQuery 的 contextMenu 插件中定义图标

到目前为止,我已经能够通过在html文件中包含javascript来创建绑定(bind)到鼠标右键cilck的上下文菜单:varFeature={register_contextMenu:function(){$.contextMenu({selector:'*',items:{"item_one":{name:"Item_one",icon:"./path1"},"item_two":{name:"item_two",icon:"./path2"}}});}};$(document).ready(Feature.register_contextMenu);如何在选项旁边显示图标?插件

javascript - 使用 jquery 检索原始 html,而不是呈现的 html

我在网站上添加了Twitter时间线。它呈现并且如果我单击页面上的查看源代码,我可以看到我添加到该站点的相同Twitter小部件html:Tweetsby@goodNamewindow.twttr=(function(d,s,id){vart,js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore

javascript - jQuery 循环遍历 JSON 数组

我有一个json数组,我通过ajax调用获取它并想遍历它。该数组输出类别标题和该类别中的一些数据记录。数组如下:{"Travel":[{"title":"Beautifultitle1"},{"title":"Beautifultitle2"},{"title":"Beautifultitle3"}],"Other":[{"title":"Beautifultitle1"}]}像这样的基本每个功能都帮不了我。$.each(data,function(key,value){console.log(value.title);}我希望能够输出主类别标题,并在其下显示数据记录。例如,我希望它看