草庐IT

按钮组件

全部标签

javascript - preventDefault 在提交按钮中不起作用

我有html表单,当我单击submit按钮时,页面转到insert.php我不会的preventDefoul不起作用我有这个脚本htmlHTMLjquery$("#submit").click(function(event){event.preventDefault();}); 最佳答案 您需要监听而不是监听按钮点击提交:$("form").submit(function(event){event.preventDefault();});现代jQuery(1.7或更高版本):$("form").on('submit',functio

javascript - 比较两个组件——组件 X 是组件 A 的实例吗

我有一个通用组件,它映射其子组件以仅过滤特定类型的子组件,如下所示。但是,使用属性type只是猜测,我找不到它的文档。不仅如此,记录它表明它是一个函数-无法执行。最重要的是,在使用Browserify时需要解决几个问题。另一种选择是读取child.prototype.displayName。但这也让人感觉不对。问题:基本上,我正在寻找一种可靠的方法来比较两个ReactJS组件是否相等。示例(更新:毕竟没那么糟糕)varFoo=React.createClass({render:function(){returnFoo;}});varBar=React.createClass({rend

javascript - 有没有办法使用 Jquery 来检测跨浏览器按下后退按钮

我有一个幻灯片放映的网站,当用户按下后退按钮时,我希望它返回到相册View而不是先前的并阻止页面。有没有办法做到这一点?感谢您提供任何帮助或建议。 最佳答案 jQueryAddress为浏览器历史记录和Ajax抓取提供强大的跨浏览器支持:http://www.asual.com/jquery/addresshttp://github.com/asual/jquery-address问候更新:你可以在这里找到一个好的示例:http://jsfiddle.net/5L6Ur/10/一些简短的代码:$(function(){$('a').

javascript - 我如何在 React 中使用单选按钮?

我正在制作一个表格,我需要radio输入。如何在onSubmit函数中获取选中的radio输入,正确的方法是什么?这是我的代码,我的myRadioInput变量在我提交时包含选项A或选项B:React.createClass({handleSubmit:function(){e.preventDefault();varmyTextInput=this.refs.myTextInput.getDOMNode().value.trim();varmyRadioInput="How?";},render:function(){return(OptionAOptionB)}});

javascript - 此代码似乎不会触发此按钮。出了什么问题?

我正在为一个客户做一些事情,一个代理机构已经构建了一些jQuery来触发DoubleClickFloodlight代码,但由于某种原因该代码不起作用:$(function(){//varorigOnClick=$('#trackingButton').attr("onclick");$('#trackingButton').click(fireFloodlight);functionfireFloodlight(){if(Page_IsValid){varaxel=Math.random()+"";vara=axel*10000000000000;$("body").append(''

javascript - React 路由器 - 将路由上的 Prop 传递给子组件

有人可以告诉我最好的方法吗?我想将页面标题Prop从我的路线传递到我的标题子组件中。这是我的路线:varsampleApp=React.createClass({render:function(){return();},});varroutes=();Router.run(routes,function(Handler){varmountNode=document.getElementById('app');React.render(,mountNode);});我想像这样在路由中传递我的页面标题作为Prop:到我的头部组件:varHeader=React.createClass({r

javascript - 我什么时候应该使用 KnockoutJS 组件和模板?

因此,我试图用KnockoutJS3.2弄脏我的手。我已阅读文档,并且已在当前项目中成功实现了组件。我不使用AMD,所以我只是使用脚本元素来保存View。我的问题是:如果我不使用异步加载功能,使用组件而不是模板有什么真正的实际区别吗? 最佳答案 它们并不完全不同。组件由模板(html)和数据/逻辑(View模型,即JavaScript)组成。当你有一个模块化View时,你想附加一个View模型,你可以使用组件。这是更多讨论组件的链接:http://www.knockmeout.net/2014/06/knockout-3-2-pre

javascript - 借助图表外的按钮,如何将 Highchart 图表导出为 PDF?

我想在Highchart图表外有一个按钮,用于导出PDF图表。是否存在执行此操作的Highchart方法?ajax调用是强制性的吗?HTML:ExporttoPDFJavascript:$(function(){window.chart=newHighcharts.Chart({chart:{renderTo:'container'},title:{text:'Exportingmoduleisloadedbutbuttonsaredisabled'},xAxis:{categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug',

c# - 禁用默认按钮或在 asp.net c# 中输入 key

我有一个表单,用户可以在其中扫描条形码,条形码阅读器会自动在值中输入回车,从而导致表单提交,因为浏览器选择第一个按钮作为默认按钮。在该文本框中输入值时按下回车键时,如何禁止发生任何事情? 最佳答案 您需要使用javascript来完成。在文本框的标记中,添加一个onkeydown处理程序,如下所示:如果键是回车键,这将返回false,这将取消表单提交。 关于c#-禁用默认按钮或在asp.netc#中输入key,我们在StackOverflow上找到一个类似的问题:

javascript - jQuery 1.9.1 中的单选按钮是否存在错误?

我一直在尝试使用jQuery以编程方式选择单选按钮,我认为这与更改checked属性一样简单。但是,以下代码似乎无法在Chrome/Firefox中执行jQuery1.9.1中预期的操作。预期行为:单击包含单选按钮的div->设置“选中”属性->在DOM中呈现选中状态。实际行为:单击包含单选按钮的div->已设置“选中”属性->在DOM中呈现选中第一个和第二个按钮的选中状态,后续按钮不会呈现为检查。jQuery:$('div.form-type-radio').on('click',function(){varId=$(this).find('input[type=radio]').a