草庐IT

小部件

全部标签

javascript - 当我可以将它加载到 iframe 中时,为什么还要担心制作纯 javascript/jquery 小部件?

我的意思是,我曾经有这个小部件:检查jquery是否在托管网站上;否则它会加载它并执行一些ajax/jsonp请求。正如这个tutorial所建议的.好吧,我注意到CSSparents的大麻烦,集成其他jquery插件(比如cycle)并管理这个“接口(interface)”和ajax调用之间的数据。当我可以使用sngleiframe时为什么要这样做?我还注意到,如果我从widget.js加载jquery,并且(当然)我将它放入iframe(这样我就可以管理单独的函数),则库将从缓存中获取。所以没有任何过载。这个方法对你来说够好吗?或者我遗漏了什么?我还注意到90%的小部件(如FB、t

javascript - 如何在输入小部件中放置 x 以清除内容?

使用twitterbootstrap可以非常直接地创建一个搜索样式的输入小部件:x也可以通过Twitterbootstrap实现,但是将x定位在该位置需要一些CSS微调。我设法让x处于那个位置,但它不是很可靠。通过响应式设计和不同的分辨率,x被完全取代。.filter-close{float:none;position:relative;left:5em;top:1.25em;z-index:3;}x{{filter_form.last_name}}在尝试重新发明轮子之前,是否有任何现有的javascript库可以将输入转换为带有x按钮的输入?为此目的,像Chosen.js这样的东西?

javascript - 将 Javascript 添加到自定义小部件

这个问题是关于Django:BestWaytoAddJavascripttoCustomWidgets但不一样。最初的问题询问如何将支持的javascript添加到自定义django小部件,答案是使用forms.Media,但该解决方案对我不起作用。我的例子是这样的:当以表单形式呈现时,小部件会创建一行,看起来像(玩具示例)这样:Texthere现在,我还想在输出中添加另一行,如下所示:$('#some-generated-id').datetimepicker(some-generated-options)最初的想法是,当小部件被渲染时,div和script都被渲染,但这是行不通的。

javascript - 第三方 JavaScript 小部件的分析

我正试图找到分析第3方JavaScript小部件的最佳方法-即分发给任意数量的任意用户的工具和内容,这些用户将小部件作为带有标签的HTML片段包含在内。在同一个域上请注意,小部件不会加载到具有从外部站点加载的文档的iframe元素中。相反,它们将内容加载到主机页面的DOM中-也就是说,它们被视为与主机位于相同的域。主机页面片段分析所以,从本质上讲,我想跟踪统计信息(例如小部件内的小部件View、用户点击和自定义交互),但是我只想跟踪作为小部件的主机页面片段的统计信息。我不想跟踪在小部件之外的主机页面上的点击。我希望将统计数据整理在一起,以便将站点A上的小部件的统计数据与站点B和站点C等

javascript - Gridstack:将小部件从一个网格拖到另一个嵌套的网格中

我正在尝试创建此行为,但不确定Gridstack是否支持它。我有3个Gridstack网格:Grid1、Grid2和Grid3。Grid1是一个独立的网格,Grid3嵌套在Grid2中。我需要能够将小部件从Grid1拖到Grid2(外部网格)和Grid3(嵌套网格)中。按照示例,我能够在2个顶级网格之间拖动小部件并创建嵌套网格,但不能将这2个组合在一起。如果支持-任何指针都将不胜感激。注意:将代码段展开到全屏$(document).ready(function(){$('.grid-stack').gridstack();});.grid-stack{background:lightg

javascript - JavaScript UI 小部件的框架?

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况相关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭10年前。我正在尝试将JavaScriptUI小部件框架列表放在一起以供在项目中考虑。理想情况下,它将是一个具有一系列现成的ui小部件的库,不依赖于dom/js扩展/操作框架(如JQuery或Prototype),最少的附加内容,如AjaxAPI和DOM选择器等。这是我目前所拥有的:qooxdoo,脚本客户端ExtJs谁能推荐其他值得一看的?请不要建议,JQuer

javascript - 扩展 jquery ui 小部件 - 如何访问父事件

我正在尝试创建一个扩展自ui.slider的jQuery小部件.我想要一个在“幻灯片”事件上执行的自定义方法。我尝试像正常使用slider小部件一样覆盖父项的选项,但我遇到了可变范围的问题:$.widget("ui.myslider",$.ui.slider,{_create:function(){this.foo="bar";//Outputs"bar"this._mySlide();//Outputs"undefined"whentriggeredthis.options.slide=this._mySlide;$.ui.slider.prototype._create.apply

javascript - 与 Web 小部件通信 - Meteor、React、Node

我正在构建一个聊天仪表板和小部件,客户应该能够将小部件放入他们的页面中。一些类似的例子是Intercom或Drift.目前,“主”应用程序是用Meteor.js编写的(它的前端是React)。我写了一个组件并将其放入/widget中目录。在这个目录中,我还有一个index.jsx文件,其中仅包含以下内容:importReactfrom'react';import......ReactDOM.render(,document.getElementById('widget-target'));然后我设置一个webpack配置,入口点在index.jsx当webpack运行时吐出一个bund

javascript - 谷歌放置自动完成小部件为每个请求生成一个新的 session key

最近,Google更新了一些计费政策,作为他们为自动完成请求引入SessionTokens的一部分。作为其中的一部分,同一session中的每个请求都将在请求中发送相同的标记,如果我们使用GoogleAPI提供的自动完成小部件,它是自动的。但是,我看到为同一session中的每个请求生成了不同的token。我缺少任何东西,请指导我。这是pluker对于示例,我观察到每次击键都会生成不同的token。varoptions={types:['(cities)']};varsearchBox=newgoogle.maps.places.Autocomplete(input,options);

javascript - Kendo UI 窗口小部件 - 使用模板的动态标题

是否可以使用模板获得动态窗口标题?像这样:wnd=$("#details").kendoWindow({title:#=ItemName#,modal:true,visible:false,resizable:false,width:300}).data("kendoWindow");我在标题字段中添加了ItemName只是为了表明这个概念。有什么想法吗? 最佳答案 您可以使用setOptions来完成api方法,类似于://Settingsomeoptionswnd.setOptions({title:"dynamictitle"