草庐IT

前端插件

全部标签

javascript - Isotope jquery 插件在 chrome 上无法正确显示

我成功地植入了Isotopejquery插件,但由于某种原因,当页面第一次加载时我无法显示所有元素,而且它只在Chrome上。你可以在这里看到发生了什么http://dl.dropbox.com/u/15358757/sd.jpg,元素彼此重叠。但是当我按下PSD然后返回到All时,它会正确显示。我没有容器的默认高度,因为我想要动态的。知道如何解决这个问题吗? 最佳答案 问题可能是Isotope在加载图像之前正在做它的事情。http://isotope.metafizzy.co/demos/images.html[Inthisdem

javascript - Angular 路由覆盖选项卡和折叠面板插件使用的 href 行为

我将twitter-bootstrap用于选项卡和折叠面板。这两个插件都是通过覆盖hrefs来工作的。有时-不一致,路由提供者会覆盖选项卡/折叠行为并尝试将其用作路由。我希望有解决此问题的方法,但也已将其作为问题添加到github一些解决方法实现的建议:如果没有提供.otherwise-不要触及任何没有提供的路线专门配置。将.ignore('path')作为配置选项添加到routeProvider。 最佳答案 作为解决方法,而不是使用href="#targetDivId",TwitterBootstrap允许将data-target

javascript - 将 iCheck(jQuery 插件)应用于动态创建的复选框

我用的是神奇的iCheck用于在我的表单中设置我的复选框样式的插件。使用该插件,我只需调用$('input').iCheck()即可应用所需的外观和功能。但是,我一直坚持在动态创建的复选框上调用.iCheck()函数。在ajax调用中,我在成功函数中按如下方式构建复选框;这是在$.eachblock中,但为了简单起见,我只在语句中包含了代码。varchk=$(''+n.Title+'');el.append(chk);el是DOM树中已经存在的ID为container的div,n是我作为JSON返回的对象在构建复选框后,我调用了$('#containerinput').iCheck()

javascript - Babel - 使用 transform-async-to-generator 插件时未定义 regeneratorRuntime

我无法正确设置babel以使用async/await。我正在使用babel7和webpack4。如果可能,我不想使用babel-polyfill!我的babelrc文件:{"presets":[["@babel/env",{"modules":false}]],"plugins":["syntax-dynamic-import","transform-async-to-generator"]}代码:asyncfunctioninit(){constloaderData=awaitinitLoader();initCmp(loaderData).then(initApi(loaderDa

javascript - 获取与 almond.js 一起使用的 RequireJS 异步插件

我阅读了以下内容article关于如何获取Googlemap,以及gmaps.js与RequireJS一起工作。然而,当我构建我的项目时,RequireJS被替换为Almond。在上面的文章中,它指出Almond不能与RequireJS异步插件一起使用。如果没有异步插件,Google的依赖项将不会加载,并且gmaps.js会抛出错误。有没有办法解决这个问题,并且仍然在使用Almond而不是RequireJS的项目中加载Googlemap代码? 最佳答案 是的,我也在找这个。它说无法加载动态库。我想您必须在本地下载它。

javascript - 如何从另一个 javascript 文件初始化插件

我有以下fiddle。单击“滚动”按钮时,是否可以调用插件内的scrollTest函数?现在我再次调用整个test(),因此每次我单击滚动按钮时它都会创建一个新的测试对象。我的代码[fiddledemo](function($,win,doc){'usestrict';$.fn.test=Plugin;$.fn.test.Constructor=Test;functionPlugin(){returnthis.each(function(){newTest(this);});}//TREECLASSDEFINITION//=====================functionTes

javascript - 如何检查 Flash 插件在 Chrome 中是否被阻止

如何使用jquery或javascript检查flash插件是否在chrome中被阻止?我们可以使用下面的方法检查禁用的flash插件((typeofnavigator.plugins!="undefined"&&typeofnavigator.plugins["ShockwaveFlash"]=="object")||(window.ActiveXObject&&(newActiveXObject("ShockwaveFlash.ShockwaveFlash"))!=false));在Chrome中,您可以通过单击禁用单个插件来单独禁用插件。然后,如果我们单独禁用插件,则上述查询有效

javascript - ASP 更新面板中的引导模式对话框阻止了 tinyMCE 插件中的输入焦点

我遇到了与此相同的问题question尽管我的情况略有不同,但提供的解决方案均不适合我。我在带有tinyMCE控件的ASP更新面板中有一个Bootstrap模式对话框,除了来自tinyMCE的任何模式弹出窗口之外,它工作正常-所有输入控件都是不可聚焦的,单击和Tab键没有效果。普遍的共识是使用e.stopImmediatePropagation()尽管这在我的设置中没有任何作用。EditShowDetails....SaveChangesCancelfunctionmceSave(){//savecontentstotextboxtinyMCE.triggerSave();}funct

腾讯最热门的 10 款前端开源项目

作为国内知名的互联网公司,腾讯在前端领域做出了很多开源贡献。本文就来盘点腾讯最热门的10款前端开源项目!wujie无界微前端是一款基于WebComponents+iframe微前端框架,具备成本低、速度快、原生隔离、功能强等一系列优点。其能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、应用共享等。Github(star:2.3k):https://github.com/Tencent/wujieTDesignTDesign是一套完整的企业级设计体系,拥有基于Vue/React/小程序等技术栈的组件库解决方案。用于构建设计统一/跨端多技

javascript - 插入前端库(例如 Analytics): why not a simple <script> tag?

为了插入GA代码(以及几乎所有其他JS库),代码片段是:(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*newDate();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.g