草庐IT

按钮(Button)组件

全部标签

javascript - Ember.js – 将来自 #each 循环的按钮操作绑定(bind)到它自己的模型

我似乎无法获得在#each模板循环中生成的按钮,以将其点击操作绑定(bind)到其关联模型。这是问题的快速演示...Ember.js应用设置:window.Contacts=Ember.Application.create();Contacts.Person=Ember.Object.extend({first:'',last:'',save:function(){//sendupdatedinformationtoserver.}});Contacts.contactsList=Ember.ArrayController.create({content:[],init:functio

javascript - 停止选择多个单选按钮

我在页面顶部有一个单选按钮来显示“NoChosenSupplier”,然后在查询循环中有几个其他单选按钮。NoSupplierChosenChosenSupplier我遇到的问题是,如果我在循环内选择一个单选按钮,然后选择循环外的单选按钮,则循环内的单选按钮与循环外的单选按钮同时保持选中状态。我如何获得它以便在选择外部时,内部的未被选中?希望这是有道理的。 最佳答案 外部和内部单选按钮需要具有相同的名称:此外,id属性需要是唯一的。任何两个HTML元素都不应具有相同的id属性值,因此在循环中使用相同的id不会达到您的预期。

javascript - AngularJS:ng-bind-html 不适用于按钮标签

我在div“ng-bind-html”中动态打印输入类型按钮时遇到问题。HTML模板:Controller:$scope.add=function(){$scope.snippet="Test2";}标签输入被删除,然后我只看到“粗体”文本测试2。谢谢 最佳答案 由于某些原因,您的html标记被Angularjs标记为unsafe。如果您确定您的片段文本是安全的,您可以在将其添加到$scope.snippet之前将其$sce.trustAsHtml。app.controller('yourCtrl',['$scope','$sce'

javascript - 如何模拟facebook分享按钮上的点击事件

我想使用jquery/js来模拟点击我的自定义按钮时对原始fb分享按钮的点击。这是我得到的:$(function(){//initializefbsdkwindow.fbAsyncInit=function(){FB.init({appId:'830561340319450',xfbml:true,version:'v2.2'});};(function(d,s,id){varjs,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id)){return;}js=d.createElement(s);js.id=id;js.src

javascript - React.js 中的所有者组件和父组件有什么区别

React0.13带来了parent-basedcontextinsteadofowner-basedcontext.所以,我不太明白所有者组件和父组件之间的区别。示例将不胜感激。 最佳答案 varA=React.createClass({render(){return();}});在上面的示例中,A是B和C的所有者,因为A创建了这两个组件。但是,B是C的父级,因为C作为子级传递给B。更多信息可以在documentation中找到.It'simportanttodrawadistinctionbetweentheowner-owne

javascript - 检查浏览器是否有 Pinterest Pin it 按钮

我编写了一个脚本来为我网站上的大多数图片添加一个Pinterest按钮。问题是当有人拥有ChromePinitextension在他们的浏览器中启用时,“固定它”按钮会为用户显示两次。无论如何,在JavaScript中,是否有检查用户是否在他们的浏览器中启用了这个扩展?(function($){$(function(){$('.containerimg').each(function(){if($(this).parent('a')){var$permalink=$(this).parent('a').attr('href');}else{var$permalink=$(locatio

javascript - Aurelia - 在子组件上调用 "Refresh"

我正在考虑向具有几个Aurelia组件的屏幕添加“刷新”按钮。我不想将它构建到作为刷新目标的组件中。所以基本上我想在单击“刷新”按钮时重新提取一些Web数据以更新组件。“重新初始化”组件以使构造函数再次运行也是可以接受的。我会把这个相同的概念应用到我拥有的几个组件中,如果存在一种模式可以通用地解决这个问题,那就太好了。我设想了一个解决方案,涉及以某种方式在我可以添加的子组件上调用一个方法,例如类似于childcomponent.Refresh()。但是,我不确定如何引用子组件。处理这种情况的合适方法是什么? 最佳答案 有很多方法可以

javascript - React js 改变状态不更新组件

我有一个按钮,当它被点击时,它应该将按钮颜色更改为红色,我这样做是通过更改状态来更新组件类使其成为.red类,从而更新颜色,4秒后它将恢复正常。然而不知何故它不会更新和重新渲染组件。我的代码:importReactfrom"react";importReactDomfrom"react-dom";constapp=document.getElementById("app");classLayoutextendsReact.Component{constructor(props){super(props);this.users=[{name:"user1",world:"88",},{n

javascript - 隐藏 react-google-maps 上的默认全屏按钮

我对react-google-maps有疑问。我为全屏切换创建了自己的按钮我试过但找不到摆脱默认按钮的方法。我试图将其添加到我的代码中,但没有成功。console.log()}defaultZoom={12}defaultCenter={{lat:this.state.lat,lng:this.state.lng}}fullscreenControl={false}>我们将不胜感激。干杯! 最佳答案 只是将其包含在默认选项中constdefaultMapOptions={fullscreenControl:false,};const

javascript - contenteditable 和非按钮元素

如果使用按钮,我可以轻松地对可编辑的选择执行execcommand。但是,使用任何其他元素都会失败。http://jsbin.com/atike/edit这是为什么,我怎样才能使用div元素使其工作。谢谢。 最佳答案 您可以通过在正在使用的元素上使用mousedown事件而不是按钮来保存选择,并在click事件中聚焦可编辑元素后再次恢复它。我修改了示例代码:http://jsbin.com/atike/40/edit.这是代码:functionsaveSelection(){if(window.getSelection){sel=w