草庐IT

hidden-fields

全部标签

javascript - .css ('display' ) 是 block ,[0].hidden 是假的,.is (':hidden' ) 是真的吗?

我遇到了一个div被隐藏的情况,即使我刚刚执行了显示具有相同后缀的所有其他div的代码:$("[id$='-input-container']").show()尽管如此,一个特定的div仍然隐藏:$("#single-colorRange-color-input-container")。我想也许它被隐藏在代码后面的某个地方但没有-在调用$inputContainers.show()之后我立即添加了如下日志记录(和debugger语句停止所有后续执行):console.log($("#single-colorRange-color-input-container").css('displ

javascript - Chrome : Simulate keypress events on input text field using javascript

stackoverflow中有很多关于此的内容,但似乎没有一个适合我的情况。我有一个输入文本字段,我想模拟按键事件来填充文本字段。原因:我在不提供API的网络界面上自动执行大量数据输入任务。使用.value更改输入字段不会触发界面的JS端(Angular)。这就是为什么我要模拟按键事件。首先我尝试了这个:varinp=document.getElementById('rule-type');inp.dispatchEvent(newKeyboardEvent('keypress',{'key':'a'}));然后我了解到在Chrome中key和code保持为0并且在KeyBoardEv

javascript - Jquery表单验证插件中如何修改 "This field is required"的内容?

如何将Jquery表单验证插件中的“此字段为必填项”的一般消息更改为“このフイールドナ必须です”?可以使用以下代码更改消息的颜色:label.error{color:red;}但是如何改变内容呢?我想更改所有“需要提交此文件”的消息。我想将所有“必需”消息更改为“このフイールドハ必须です”。$(".selector").validate({rules:{name:"required",email:{required:true,email:true}},messages:{name:"Pleasespecifyyourname",email:{required:"Weneedyourem

javascript - GraphQL 查询返回错误 "Cannot return null for non-nullable field"

我有一个基本的GraphQL查询设置,如下所示:查询.js:constQuery={dogs(parent,args,ctx,info){return[{name:'Snickers'},{name:'Sunny'}];},};module.exports=Query;schema.graphql:typeDog{name:String!}typeQuery{dogs:[Dog]!}我创建了一个函数createServer()来启动服务器,如下所示:const{GraphQLServer}=require('graphql-yoga');constMutation=require('.

javascript - scrollTop 和 html 溢出 : hidden

当这样设置CSS规则时html{overflow:hidden;}我无法再使用javascript在Chrome中获取或设置滚动位置(只有DOMElement.scrollIntoView有效)。当我删除它时,它可以正常工作,但它会弄乱整个页面,其中包含使用CSS3创建的“视差效果”。这是一个简化的示例(仅以-webkit-为前缀):http://jsfiddle.net/BaliBalo/LxCxn/ 最佳答案 您可以使用clearfix以与overflow:hidden相同的方式进行“布局预置”。.clearfix:before

javascript - CSS/JavaScript - 元素外的内容溢出 :hidden

我有一个容器div元素,上面有overflow:hidden。不幸的是,由于网站的制作方式,此属性是必需的。在这个div中是所有网站内容,包括一些工具提示。当您将鼠标悬停在链接或其他内容上时,这些工具提示将通过jQuery显示。问题是,由于上面的溢出,这些工具提示中的一些将显示部分隐藏,因为它们位于容器div之外......有什么方法可以显示此容器内的特定元素,即使它超出了容器的边界?也许是JavaScript解决方案?html看起来像这样:themaincontentthetooltipthing 最佳答案 试试这个:themai

javascript - window.pageYOffset 始终为 0,溢出 x : hidden

我正在创建一个网页,其中包含一些只需要在特定时间滑入的屏幕外内容。为此,我在html,body上设置了overflow-x:hidden。这样用户就无法向左或向右滚动以获取内容。但是,在应用程序的某个时刻,我还需要用户向下滚动的数量。据我所知,window.pageYOffset是最可靠的方法之一。但是,当我设置overflow-x规则时。window.pageYOffset始终等于0。这些事情不应该彼此毫无关联吗?我怎样才能解决这个问题?我已经在Safari、Firefox和Chrome上测试过了。我试过document.documentElement.scrollTop但这只适用于

javascript - JS & ES6 : Access static fields from within class

在ES6中,给出以下示例:exportdefaultclassMyStyleextendsStylesheet{staticColor={mainDark:'#000'}staticComp={...color:Color.mainDark}}如何访问Color.mainDark(静态字段)? 最佳答案 您可以按预期访问它,但是如果我记得在使用Babel并立即导出类时存在一些问题,那么在定义类之后导出如果您遇到问题:classMyStyleextendsStylesheet{staticColor={mainDark:'#000'}

javascript - react : dynamically add input fields to form

我正在为表单使用formsy-react,我想在触发事件时呈现更多选项,代码如下所示:classMultipleChoiceextendsComponent{constructor(props){super(props);}render(){return();}}我有一个按钮和onClick事件,我想触发一个将另一个附加到divid“dynamicInput”的函数,这可能吗? 最佳答案 是的,我们可以更新组件的底层数据(即state或props)。React如此出色的原因之一是它允许我们专注于我们的数据而不是DOM。假设我们有一个

javascript - 带有 Mailgun 的 AJAX 函数,获取 "ERROR Request header field Authorization is not allowed by Access-Control-Allow-Headers"

我正在努力进行AJAX调用,该调用会命中MailgunAPI以发送电子邮件。Mailgun上的文档说发布请求应该发送到“https://api.mailgun.net/v3/domain.com/messages”。我已经包含了mailgun指定的apikey(他们指示使用用户名“api”)。由于这涉及CORS,我无法克服错误:Access-Control-Allow-Headers不允许请求header字段授权。但是,我检查了“网络”选项卡中的请求/响应,并且Mailgun响应中的“Access-Control-Allow-Origin”设置为“*”...这应该表明它应该允许它?(请