草庐IT

按钮组件

全部标签

javascript - 为什么 jQuery "toggle"按钮会触发表单上的提交按钮?

我构建了一个相当复杂的表单,其中包含一个隐藏部分,用户可以在必要时将其打开以输入更多信息。但是,当您单击标记为我有更多诞生的切换按钮时,它会触发提交按钮并提前提交表单。表格现在正在开发中,但可以找到here.我用于切换按钮的代码是:$(function(){$("#schedule").accordion({header:"h5",collapsible:true});$("#more-nativities").hide();$("#toggle").click(function(){$("#more-nativities").slideToggle("slow");});});提交按

javascript - 悬停事件上的删除按钮

我在使用hoverIntent时遇到了真正的问题。http://jsfiddle.net/5fwqL/我想要的:当鼠标悬停在文本上大约500毫秒时,我希望显示删除的文本。如果我按下删除按钮,我希望删除文本如果我不按删除文本就退出文本,我希望它隐藏()JavaScript$(document).on({mouseenter:function(){mouse_is_inside=true;$(this).next().slideDown();},mouseleave:function(){mouse_is_inside=false;$(this).next().hide();}},'.ti

javascript - 如何将 Facebook/Google+/Twitter 共享按钮添加到移动应用程序 (PhoneGap)

我正在开发一个移动应用程序(通过jQueryMobile和PhoneGap)。如何将Facebook、Twitter和Google+Sharingbuttons添加到我的应用程序中?有没有API或这么简单的方法?(我的应用程序的服务器端使用ASP.NETMVC4。)有目的的方式是服务器端还是客户端并不重要。(例如,Zite应用程序有分享按钮)编辑:如果您的目的方法需要打开弹出窗口,PhoneGap会处理此弹出窗口并在共享后关闭它,以便用户可以返回我的应用程序?以及如何保存用户的凭据以便用户不想每次都登录?(凭据应该保存在客户端,通过cookie或其他方式...(我们可以允许PhoneG

javascript - 在没有 jquery 的情况下按类名获取单击按钮的 id

我不想为这个小任务使用jquery。HTMLjavascript我想要按钮点击时的id。我的js代码看起来像document.getElementsByClassName('cls_btn').onclick=function(){alert(this.id);}; 最佳答案 document.getElementsByClassName返回DOM对象列表。将.onclick应用于html项目的集合不会产生任何结果。不会抛出任何错误,但无论如何您都不会看到预期的结果。试试这个:varbuttons=document.getEleme

javascript - Jquery ajax 按钮单击事件触发两次?

我有一个员工页面,其中显示了具有编辑选项的员工列表。单击编辑按钮时,jquery-ajax用于从服务器获取数据。问题是当我单击编辑按钮时事件触发了两次。我正在使用一个单独的js文件并将该文件引用到主页。在我将其移至单独的js文件之前,该脚本工作正常。Jquery脚本是//ajaxGetoneditbuttonclick$(document).on('click','.editRole',ajaxGet);varajaxGet=function(e){varspinner=$(this).parent('div').find('.spinner');varhref=$("#editMen

javascript - Css 动画以在悬停时扩展按钮文本

我想在鼠标悬停时在按钮上显示更多文本,并且我希望按钮随扩展文本缩小和增大。我需要一个通用的解决方案,因为按钮上的文本及其宽度将取决于用户选择的语言。这是我(目前没有工作)的尝试.hover-value{display:inline-block;visibility:collapse;width:0%;-webkit-transition:width2s;transition:width2s;overflow:hidden;}button:hover.hover-value{visibility:visible;width:100%;}ResultAddnewresult同样在JsFid

javascript - 如何使用当前的 Form API 将父组件的 FormGroup 传递给其子组件

我想将父组件的FormGroup传递给它的子组件,以便使用子组件显示错误消息。给定以下parent:parent.component.tsimport{Component,OnInit}from'@angular/core'import{REACTIVE_FORM_DIRECTIVES,AbstractControl,FormBuilder,FormControl,FormGroup,Validators}from'@angular/forms'@Component({moduleId:module.id,selector:'parent-cmp',templateUrl:'langu

javascript - 为什么我不能在 angular 2 组件中加载谷歌地图?

这是我的ts组件:import{Component,OnInit,Output,EventEmitter}from'@angular/core';declarevargoogle:any;@Component({selector:'app-root',templateUrl:'./app.component.html',styleUrls:['./app.component.css'],})exportclassAppComponentimplementsOnInit{title='Dashboard';privatemap:any;constructor(){letbrussels=

javascript - React 组件中不同状态之间的平滑过渡

我有一个像这样的简单组件:varcomponent=React.createClass({render:function(){if(this.props.isCollapsed){returnthis.renderCollapsed();}returnthis.renderActive()},renderActive:function(){return(...);},renderCollapsed:function(){return(...);},});基本上,当属性发生变化时,组件将显示事件状态或折叠状态。我在想的是,当属性发生变化时,即active->collapse,或者相反,我

javascript - 从父组件更新子状态

假设我的父组件有两个子组件:Parent|Child1|Child2我正在从Child2获取输入并将其传递给Parent组件(直到现在,我知道该怎么做)。但随后我需要将该输入传递给Child1以更新其状态。我该怎么做? 最佳答案 希望您能理解主要思想-在Parent组件中创建一个函数,该函数将更改传递给Child1的值。ReactJS:Whyispassingthecomponentinitialstateapropananti-pattern?classParentextendsComponent{constructor(prop