草庐IT

按钮(Button)组件

全部标签

javascript - 浏览器后退按钮和动态元素

我有一个使用jQuery创建多个的页面DOM元素动态地基于用户从中选择的内容框。假设用户从选择框中选择了4个,我的脚本会动态显示4个输入框。问题出在用户刷新或返回此页面(使用浏览器后退按钮)时。动态创建的元素不会重新填充到它们的最后一个值,而所有其他“静态”元素都是。我在想我可以创建一个隐藏输入,它将通过javascript与动态框的内容序列化,然后在$document.ready上读取它并然后重新填充我的盒子。有没有更好的办法? 最佳答案 legenden-有很多可能的解决方案,我会检查这些历史插件中的一个:HistoryRemo

javascript - 仅使用浏览器按钮的 Onhashchange

我遇到了这个问题(我正在使用jQuery但我不限于此):我正在使用anchor导航(#id)和Ajax请求的组合。为了让页面移动到位(使用anchor导航)或获取信息(使用Ajax),我使用了onhashchange事件。编辑:我有一点错别字。我忘记检查mouseDown标志是否为真以及是否触发了hashchange事件,所以我添加了if语句。使用jQuery看起来像这样:(当然这段代码被包装在一个函数中并在DOM加载时初始化,但这对问题来说无关紧要)$(window).bind('hashchange',function(e){}为了确保只有支持onhashchange的浏览器才能读

javascript - 悬停时更改 jQuery UI 的按钮图标 - 在 IE 和 Chrome 上损坏

我创建了一个jQueryUI按钮,想在mouseenter事件上添加一个“X”辅助图标,并在mouseleave事件上删除“X”。听起来很简单。$("#hover").button({icons:{primary:"ui-icon-tag"}}).hover(function(event){//hoverin$(this).button("option","icons",{primary:"ui-icon-tag",secondary:"ui-icon-close"});},function(event){//hoverout$(this).button("option","icons

javascript - 如何在 TableTools 中使用链接而不是闪光按钮

我正在尝试找到一种方法来更改TableTools上的按钮。我想使用我自己定制的链接而不是闪光灯按钮。有什么办法可以做到吗?任何好的资源都可以教我如何进行修改并仍然能够使用按钮集合等功能。 最佳答案 Accordingtothecreator,获得TableTools导出功能的唯一方法是使用Flash按钮。Theotherthreadsthatyoufoundshouldsaythatcurrently,no,thisisnotanoptionthatTableToolsprovides.TheFlashoptionisusedtop

javascript - 从内容脚本 onbeforeunload 向附加组件发出消息?

我有一个内容脚本,它计算用户浏览页面的时间。为此,我将一个内容脚本注入(inject)每个页面,启动一个计时器,然后在onbeforeunload事件被触发时向插件发送一条消息。然而,该消息似乎从未传递到后台脚本。鉴于我的main.js看起来像这样:varpageMod=require('page-mod'),self=require("self");pageMod.PageMod({include:"http://*",contentScriptFile:[self.data.url('jquery.min.js'),self.data.url('content.js')],onAt

javascript - 从 GWT(和一般的 Javascript)中的 HighCharts 库自定义 Stockchart 范围选择器按钮

我正在为GWT使用HighCharts库,但遇到了问题。我正在尝试这样的事情:stockchartexample.对于这个问题,我唯一感兴趣的是rangeSelector中的buttons属性,我想在其中自定义按钮文本)。在javascript上,代码是这样的:rangeSelector:{buttons:[{type:'day',count:3,text:'3dias'},{type:'week',count:1,text:'1w'},{type:'month',count:1,text:'1m'},{type:'month',count:6,text:'6MS'},{type:'y

javascript - jQueryMobile PhoneGap 应用程序上的后退按钮有时无响应

我使用jQueryMobile(1.3.1)和PhoneGap(3.4)创建了一个应用程序,并将其蒙皮以具有相当“扁平”的界面:我遇到了一些麻烦,只有在iOS上,而且只是偶尔,只有一个特定屏幕上的“后退”按钮变得无响应。其他屏幕上后退按钮的相同HTML和CSS看起来不错,只是这个屏幕。这是在chrome中,在devtools中选择了按钮以突出显示其点击区域:为了更好的衡量,这里还有标题:此屏幕标题的代码对于应用程序中的几乎每个屏幕都是相同的:EventDetailBack我们发现,如果用户卡在这个屏幕上并强制关闭应用程序,该按钮似乎在后续使用中会按预期工作。所以我目前的理论是标题以某种

javascript - 如何从 ReactJS 中的 onClick 函数调用另一个组件

我正在学习Reactjs。我已经用Rails实现了一个示例React应用程序。我进行了很多搜索以找到解决方案,但没有找到任何解决方案。我想从onClick函数调用另一个组件。但什么也没有发生。这可能是我试图实现的目标吗?如果是,那么请指出我在哪里做错了,如果不是,那么我可以采用哪种方式。这是我的代码:varComment=React.createClass({render:function(){return({this.props.author}said:{this.props.desc}Delete|#thisisfordeletewhichworksgreatEdit#IfIput

javascript - React 组件在浏览器中正确呈现,但呈现 : "Only a ReactOwner can have refs" 时 Jest 测试错误

我在React中有两个组件可以很好地呈现并在浏览器中产生预期的行为,但在通过Jest运行测试时似乎无法呈现。描述.jsvarReact=require('react/addons');var$=require('jquery');varDescription=require('./description.js');varDescriptions=React.createClass({getInitialState:function(){//containeralwaysstartswithatleastonedescriptionfieldthatisempty,orwhateveri

javascript - 是否可以在一个 react ​​组件中有两种状态

我正在尝试构建一个简单的单位转换器来练习React.js。我希望能够更改一个单位的值,例如:Kg,并让另一个单位,例如:lb在屏幕上自动更改。请看这个网站给你一个想法:http://www.convertunits.com/from/lb/to/kg我有以下代码,它呈现但单位不更新。我想知道的是:一个组件有两种状态是否准确?1表示Kg另一个用于lb或者它们是否需要成为兄弟组件?如果是这样,他们将如何更新彼此的状态?如果可以在同一个组件中同时拥有两个单元的状态,那么我做错了什么?谢谢!(我有一个简单的快速应用程序来呈现页面)importReactfrom'react';exportdef