草庐IT

按钮组件

全部标签

javascript - ReactJS,在 React 组件中按类名查找元素

我有一个React组件。一些元素将通过子元素插入。其中一些元素将具有特定的类名。我如何才能在我的最外层组件中获取这些DOM节点的列表?我想知道我的组件中插入了多少类名为“snap”的元素。 最佳答案 您可以通过react-dom的findDOMNode实现它,如下所示:ReactDOM.findDOMNode().getElementsByClassName('snap')//Returnstheelements如果需要计数,ReactDOM.findDOMNode().getElementsByClassName('snap').

javascript - 在 *iPad 上的 Safari 上按 "back"按钮时未收到“pageshow””

我有以下处理程序:$(window).bind('pageshow',function(){alert("backtopage");});当我离开页面(通过按链接)并返回页面(通过按“返回”按钮)时,alert()不被调用(iPad2、iOS5.1)。请问我做错了什么?我需要绑定(bind)到任何其他事件吗?PS:有趣的是,当离开页面时,pagehide被正确接收。 最佳答案 您可以检查pageshow事件的persisted属性。它在初始页面加载时设置为false。当页面从缓存中加载时,它被设置为true。window.onpag

javascript - AngularJS - 通过指令向按钮添加 onClick 事件

我想使用指令向元素添加点击事件。重要的是不要定义按钮或超链接或指令中的任何内容,而只定义onClick属性和调用的函数。所以HTML看起来像这样:test我的指令是这样的:.directive('myDir',function(){return{restrict:'A',scope:true,link:function(scope,element,attrs){scope.functionToBeCalled=function(){console.log("Itworked!");}}}})我试过像这样添加“点击”:element.bind('click',scope.function

javascript - 用其内容替换组件 - angular 2

这个问题在这里已经有了答案:RemovethehostHTMLelementselectorscreatedbyangularcomponent(5个答案)关闭7年前。我正在寻找一种方法来让组件仅随其内容一起呈现。例如,给定组件:@Component({selector:'my-cmp',template:'my-cmp'})classMyComponent{}使用angular2渲染它会将以下内容添加到DOM:my-cmp虽然我想找到一种方法将其直接呈现为:my-cmp遗憾的是,由于Angular2相对较新(刚刚进入测试版)​​-Google不是很有帮助,更不用说当前的文档是多么缺乏

javascript - 后退按钮/退格键不适用于 window.history.pushState

我为我的网站制定了一个解决方案,其中包括使用ajax来呈现网站上的一般信息。为此,每当用户使用window.history.pushState方法加载某些特定内容时,我都会更改URL。但是,当我按退格键或按后退键时,旧网址的内容未加载(但加载了网址)。我已经尝试了SO上提出的几种解决方案,但都没有成功。这是其中一个ajax函数的示例:$(document).ready(function(){$(document).on("click",".priceDeckLink",function(){$("#hideGraphStuff").hide();$("#giantWrapper").s

javascript - 如何在不实际禁用按钮的情况下暂时禁用按钮上的单击事件?

我想使用jQuery,在不更改给定按钮的disabled属性的情况下,禁用它的所有点击事件。我正在考虑检索点击事件处理程序、解除绑定(bind)并存储它们(例如,使用data())。一旦按钮再次启用,我就可以重新绑定(bind)它们。 最佳答案 这并不难,因为jQuery已经将其所有事件处理程序存储为元素本身的data()。你可以通过.data().events获取(修改)这个对象。现在您可以轻松地保存对处理程序的引用:events._click=events.click;events.click=null;然后使用以下方法恢复它们

javascript - ng-model 防止选中 ="checked"默认选择单选按钮

当我使用checked="checked"时,ng-model会阻止单选按钮被默认选中。有谁知道是什么原因造成的? 最佳答案 您应该使用Angular附带的ngChecked指令。文档:http://docs.angularjs.org/api/ng.directive:ngChecked 关于javascript-ng-model防止选中="checked"默认选择单选按钮,我们在StackOverflow上找到一个类似的问题: https://stacko

javascript - 将 gridstack.js 包装到 Angular 2 组件中

我有一些Angular1经验,但我们需要使用gridstack.js在Angular2项目中。我们熟悉gridstack-angular项目,但该项目在Angular1中。我认为我遇到的最大问题是Angular2概念。如有任何帮助,我们将不胜感激。 最佳答案 教程对于初学者来说没问题Angular2Quickstart是最好的。然后继续并进入TourofHeroes.这也是一个很棒的教程。工具对于教程,坦率地说构建任何Angular2应用程序,我强烈建议使用Angular-Cli.它使构建Angular2应用变得轻而易举看看Angu

javascript - 根据使用 JavaScript 单击哪个按钮传递隐藏字段值

我有一个带有两个按钮的表单,每个按钮都有onclick=this.form.submit()。我在表单中有一个隐藏字段,我希望该字段的值根据单击的按钮而有所不同。执行此操作的最佳方法是什么?此外,在任何人说出答案之前,在这种情况下jQuery不是一个选项。 最佳答案 使用原型(prototype):-)但严肃地说:添加id到隐藏字段在每个处理程序中提交表单之前:document.getElementById("hiddenId").value="mySpecialValue";//or(dependingonwhichonclick

javascript - Vuejs 组件等待 facebook sdk 加载

我有一个组件显示登录按钮或facebook用户的用户名。取决于他是否登录。现在在这个组件中我使用created事件,所以我会立即检查登录。简要创建代码:FB.getLoginStatus(function(response){//morethings.....错误是说FB没有定义,确定他是对的,FB尚未加载。我这样加载facebookwindow.fbAsyncInit=function(){FB.init({appId:'1111111111',xfbml:true,version:'v2.7'});};(function(d,s,id){varjs,fjs=d.getElement