草庐IT

create-view

全部标签

javascript - 如何防止 iOS 键盘使用 CSS 或 JS 将 View 推离屏幕

我有一个响应式网页,当您点击一个按钮时,它会打开一个模式。当模式打开时,它被设置为使用固定定位占据页面的整个宽度和高度。模式中还有一个输入字段。在iOS设备上,当输入字段获得焦点时,键盘会打开。然而,当它打开时,它实际上将整个文档向上推开,以至于我的页面的一半超出了视口(viewport)的顶部。我可以确认实际的html标签本身已经被推高以补偿键盘,并且它没有通过CSS或JavaScript发生。有没有人以前见过这种情况,如果有,有没有办法阻止它,或者在键盘打开后重新定位东西?这是一个问题,因为我需要用户能够在模式顶部看到内容,同时我想自动聚焦输入字段。 最

javascript - 在 Rails 中测试 JavaScript View

在Rails中测试JavaScriptView(测试页面是否明智地运行JavaScript)的最佳方法是什么?假设我有一个名为/users/new的页面,其中包含一个可以执行某些操作的表单。我想要它以便我提交表单,JavaScript测试工具将让我知道该页面是否中断。执行此操作的最佳方法是什么?我遇到了三个测试选项:Konacha(迄今为止JSBDD的最佳工具)http://www.solitr.com/blog/2012/04/konacha-tutorial-javascript-testing-with-rails/JasmineRice(Jasmine+Rails+Guard)

javascript - 将模型属性作为参数传递给 javascript 函数时 Razor View 中的语法错误

我在以下代码中的每个逗号(,)和最后一个括号())上遇到了一个语法错误:Filters.priceRangeInit(@Model.Min,@Model.Max,@Model.From,@Model.To);javascript函数在另一个文件中,如下所示:Filters={priceRangeInit:function(min,max,from,to){$('#price-range-slider').slider({min:min,max:max,step:50,values:[from,to],slide:function(event,ui){$('#left-price-ran

javascript - 相关的 Backbone.js View 应该相互引用,还是仅通过事件进行讨论?

我有一个为模型的Collection执行CRUD的应用程序。每个模型都有一个始终可见的DisplayView。还有一个EditView,只有在关联的DisplayView被点击时才可见。DisplayView和EditView出现在不同的父View中。现在我正在使用“事件聚合器”模式告诉我的应用程序在单击DisplayView时呈现EditView。此处描述的模式:http://lostechies.com/derickbailey/2011/07/19/references-routing-and-the-event-aggregator-coordinating-views-in-

javascript - 在嵌套循环中创建事件处理程序的效率 : am I creating 1440 functions here?

我刚刚开发了一些代码来创建一个24x60的表格。我想打印每个的ID在mouseover:UntitledDocumenttable{background-color:blue;}td{width:2px;height:2px;background-color:red;}vartable=document.getElementById("time-table");for(varr=0;r代码有效,但现在我担心它是否经过优化?我是否在嵌套循环中创建了1440个事件处理函数?或者JavaScript解释器是否足够聪明,只创建一个函数并将其分配给1440元素? 最佳

javascript - VueJs 路由 View 转换

每次单击新链接时,我都试图在我的路由器View组件上创建一些转换。问题是只有一个淡入淡出动画会起作用。例如,它会淡出,但新页面会像往常一样立即出现。基本上我只能有一个enter-active-class或leave-active-class,但不能同时有。importNavBarfrom'./components/NavBar.vue';exportdefault{components:{navBar:NavBar}}@importurl('https://fonts.googleapis.com/css?family=Ek+Mukta');body{overflow:hidden;.

javascript - 更新嵌套 $scope 数组时,Angular.js View 不会更新

我试图在添加评论时让angular.jsView自行更新。我的代码如下:{{comment.user}}{{comment.message}}10minutesago范围在输入时更新:$('.addComment').keypress(function(e){if(e.which==10||e.which==13){$scope.currentItem.comments.push({"user":"user3","message":$(this).val()});console.debug("currentItem",$scope.currentItem);}});调试$scope.c

javascript - 使用默认的 JavaScriptSerializer 将 DateTime 绑定(bind)到挖空 View 模型

我刚开始使用knockout我在使用JavaScriptSerializer进行日期时间序列化和反序列化时遇到了麻烦。我更新了Steves中的礼物模型koListEditor他的博客中的示例包含一个ModifiedDateTime字段:publicclassGiftModel{publicstringTitle{get;set;}publicdoublePrice{get;set;}publicDateTimeModified{get;set;}}然后我更新了Index.aspx以包含新字段:GiftlisteditorYouhaveaskedfor gift(s)AddGi

JavaScript Object.create——继承嵌套属性

我遇到了DouglasCrockfordsObject.create方法的一个特点,我希望有人能解释一下:如果我创建一个对象-比如“人”-使用对象字面量表示法,然后使用Object.create创建一个新对象-比如说“anotherPerson”-它继承了初始“人”对象的方法和属性。如果我随后更改第二个对象“anotherPerson”的名称值,它也会更改初始“person”对象的名称值。这只会在属性嵌套时发生,这段代码应该让您明白我的意思:if(typeofObject.create!=='function'){Object.create=function(o){functionF(

javascript - 关闭 - “prevent this page from creating additional dialogs”

如何关闭Firefox功能“阻止此页面创建其他对话框”?当我打开多个确认框(对话框)时,我遇到了这个问题。是否可以通过Javascript阻止此功能? 最佳答案 这是一项浏览器功能,旨在保护用户。如果你能关掉它,所有那些用对话框向用户发送垃圾邮件的网站都会有办法阻止它。简而言之,不。让您的应用程序使用它,而不是反对它。不要过分依赖对话/确认,而是让modal-box提问;它也很漂亮:) 关于javascript-关闭-“preventthispagefromcreatingadditio