草庐IT

action_bar

全部标签

javascript - react .js : how to make inline styles automatically update progress bar on state change

我在React.js和ZurbFoundation中构建了一个进度条,我想反射(reflect)当前状态。我知道一开始我可以用这样的东西设置宽度:render:function(){varspanPercent=(this.props.a-this.props.b)/this.props.a+'%';varspanStyle={width:spanPercent};return();}但是,当props的值由于状态变化而变化时,即使props值发生变化,内联样式也不会更新。是否有执行此操作的最佳实践,例如使用回调或将代码放在其他地方?如果有任何帮助,我将不胜感激!

javascript - 从组件触发路由 Action

我有一个组件,我想触发路由级别的操作,以便我可以转换到不同的路由。App=Ember.Application.create();App.Router.map(function(){});App.IndexRoute=Ember.Route.extend({actions:{complete:function(){//Thisneverhappens:(console.log('Triggeredcomplete!');}}});App.MyAreaComponent=Ember.Component.extend({actions:{clickMyButton:function(){co

javascript - React/Redux 中的通用 reducer / Action

我正在尝试确定如何提取多条数据以在同一组件中使用。我看到的每个React/Redux示例都请求非常具体的数据,并且有reducer和操作来处理该确切类型的数据。但是,我无法找到有关处理更多通用数据的信息。例如,我的网站上有几个不同的组件(或类别)。其中一个组件是Cards。因此,如果用户单击/cards/hockey的链接,它应该从API请求曲棍球数据(如果它不在商店中),并将其显示在Cards页面中。如果用户单击/cards/football的链接,它应该遵循相同的过程,检查它是否有存储的数据,如果没有从API中提取它,并显​​示卡片包含该数据的页面。另一种组件类型可能是stats,

javascript - JQuery 用户界面 : multiple progress bar - problems to set dynamic values

我有一些进度条(搜索结果),其值是在document.ready上动态设置的和$(document).ready(function(){$("div.progressbar").progressbar({value:$(this).attr("rel")});});这似乎行不通。相反,如果我做value:40,一切正常,所以问题不在于包含或使用。我也试过$.each,但是什么都没有$("div.progressbar").each(function(){varelement=this;console.log($(element).attr("rel"));//okrightvalue$

javascript - 我应该在哪里放置与 redux 中的 Action 相关的同步副作用?

(注意:我的问题没有写清楚,我在想一些错误的地方。问题的当前版本只是尝试写一些可以使接受的答案对尽可能多的人有用的东西。)我想要一个将项目添加到商店并将其注册到外部依赖项的操作。我可以使用thunk中间件并编写exportfunctionaddItem(item){returndispatch=>{dispatch(_addItemWithoutRegisteringIt(item));externalDependency.register(item);};}但订阅者会在项目注册之前收到通知,他们可能依赖于它是否已注册。我可以颠倒顺序写exportfunctionaddItem(ite

javascript - 基于 JavaScript 的模态/弹出服务(如 KissInsights 和 Hello Bar)如何工作?

我正在为我的用户开发一个模态/弹出系统以嵌入他们的网站,按照KissInsights的思路和HelloBar(例如here和here)。构建这样的服务的最佳实践是什么?看起来用户嵌入了一些JS,但该代码随后插入了额外的脚本标签。我想知道它如何与网络服务通信以获取用户的内容等。TIA 最佳答案 您是对的,通常这只是客户嵌入其网站的脚本。然而,接下来的事情就有点复杂了。1。嵌入脚本如上所述,第一步是在目标页面上有一个脚本。本质上,这个脚本只是一段JavaScript代码。它与您自己页面上的内容非常相似。此脚本应在您希望显示的客户页面上生

charts - Javascript 中的条形图 : stacked bars + grouped bars

我正在寻找一种Javascript解决方案,以将分组和堆叠条形图与漂亮的图形混合在一起,例如Protovis提供的那些。.例如,如果我想比较Apple(iPads+iPhone)设备和Android设备上的下载量,我可能有(请原谅我糟糕的ascii艺术)60k|^50k|#^^40k|##^#^30k|@#^^#^20k|@^#^#^@^10k|@^@^@^@^=================JanFebMarAprLegend#:iPadDownloads@:iPhoneDownloads^:AndroidDownloads 最佳答案

javascript - Firefox Extension Addon SDK 合并多个 'Action Buttons'

我想将两个“操作按钮”合并为一个,就像Firefox当前对其书签插件所做的一样,注意它在“自定义...”选项中被视为一个按钮。这是导航栏上整个按钮的屏幕截图。这是“自定义”GUI中“书签”按钮的屏幕截图。我仔细查看了SDK文档,没有明确的方法可以做到这一点。看来这需要对sdk/ui库本身进行操作。我很感激能帮助我解决这个问题的任何信息或见解。谢谢。点击here操作按钮api引用。 最佳答案 一开始我很犹豫要不要回答这个问题,但显然没有其他人有更好的答案,现在这是我的“非答案”答案:ActionButtonAPI目前不支持此功能。但一

javascript - Video.js Seek Bar - 在鼠标光标后面寻找点

我正在使用Video.js(v6.9),但我不明白为什么搜索位置在鼠标光标后面。最糟糕的是,Firefox是唯一能够正确呈现它的浏览器,所以我无法确定问题出在哪里。这是正在发生的事情的屏幕截图:现在这是期望的结果-来自YouTube:基本上,点击鼠标的地方不是视频开始的地方。我尝试过的事情:将Video.js从6.2更新到6.9删除所有自定义样式知道这里发生了什么吗?如果有帮助,我会使用React和NPM。 最佳答案 您可以为您的videojs组件指定您自己的类以覆盖默认的videojs样式或:.video-js.vjs-progr

javascript - 名为 'action' 的表单中的输入会覆盖表单的操作属性。这是一个错误吗?

我有一个表格标记为通常,我可以通过引用表单对象的.action来访问javascript中表单的Action,例如document.forms[0].action返回值form1.php但是,如果作为表单的一个组成部分,我有一个名为“action”的项目,那么这个“action”就会成为表单Action的内容。也就是说,如果表单标记包含,例如,然后document.forms[0].action返回值现在,我确实想出如何解决这个问题:通过使用document.forms[0].getAttribute("action")然而,这是一个让我困惑了太久的令人讨厌的陷阱。这是一个错误吗?DO