草庐IT

backbone-events

全部标签

javascript - Backbone.js 如何在不使用 ID 的情况下跟踪 DOM 元素?

背景我使用Backbone.js已经有一段时间了,它让我印象深刻的一个方面是它如何允许我简化、抽象和重用DOM元素作为“View”。我已尝试通读一些带注释的源代码并熟悉JQuery,但对DOM如何在更深层次上工作知之甚少。问题Backbone.JS如何在不为它们分配id、类或其他属性的情况下将DOM元素绑定(bind)到View?即ItemoneItemtwoItemthree我喜欢Backbone这样做,并且想知道它如何做到这一点! 最佳答案 在javascript中,变量可以保存对DOM的某个元素的引用(即“引用”的编程事物),

javascript - 跨浏览器 : detect blur event on window

我刚刚阅读,我认为所有与此主题相关的线程,但我找不到真正解决我的问题的方法。我需要检测浏览器窗口何时失去焦点,即模糊事件。我已经尝试了stackoverflow上的所有脚本,但似乎没有合适的跨浏览器方法。Firefox是这里有问题的浏览器。使用jQuery的常见方法是:window.onblur=function(){console.log('blur');}//OrthejQueryequivalent:jQuery(window).blur(function(){console.log('blur');});这适用于Chrome、IE和Opera,但Firefox未检测到该事件。是

javascript - 在 jQuery 中,event.currentTarget 总是等于 $(this) 吗?

这句话总是正确的吗?$("p").click(function(event){alert(event.currentTarget===this);});一种方法优于另一种方法吗?我喜欢使用$(this)而不是event.currentTarget但在某些情况下可以做得更好吗?哪个更好?完全一样吗?另一个细微差别-当检查Firebug时console.log(this)和console.log($(this))给了我完全相同的元素。如果它们相同-有什么不同?(因为我知道我可以写这个$(this).css('color','white')但不能写this.css('color','whit

javascript - 在 event.target 上使用 jQuery 方法

我想在click事件期间检查事件目标的特定属性:$('div').on('click',function(e){console.log(e.target.attr('class'));});这会导致浏览器控制台出错:main.js:47UncaughtTypeError:e.target.attrisnotafunctionevent.target不也是一个jQuery对象吗? 最佳答案 e.target默认情况下不是jQuery对象,它是DOM元素。你必须施放它:$(e.target).attr('class')工作示例:$('d

javascript - 如何使用 Backbone.js 正确添加 jQuery UI 自动完成小部件

我正在学习Backbone.js。我目前假设,如果一个人正在使用Backbone.js,那么所有客户端javascript/jQuery都应该与Backbone集成。从各种在线教程中,我可以了解Backbone的工作原理并了解其基本原理。但是像jQueryUI小部件这样的东西呢?这些也应该与Backbone.js集成吗?例如,我想在表单字段上使用jQueryUI自动完成小部件(请参见下面的代码)。我将如何使用Backbone.js执行此操作(或者人们不会为此类事情使用Backbone)?似乎Backbone“模型”和“集合”不能与jQuery自动完成小部件一起使用,因为这种东西被绑定(

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 - 使用 Backbone-relational 在 Backbone 中创建嵌套模型

我想使用backbone-relational在我的backbone.js中嵌套模型应用。我已经能够按照文档中的示例创建嵌套对象(例如一对多关系)。但是我不明白如何以更新上层对象的方式绑定(bind)下层元素。我认为一个可用的应用程序将是一个非常有用的教程。所以我的问题是:如何扩展Todostutorial使用backbone-relational这样:可以为每个项目添加/删除子项目双击任何子项目对其进行编辑(就像原始的Todo示例一样)点击一个项目隐藏/显示它的子项目子项不是单独获取的,而只是Todo项的数组属性更新:我有createdajsfiddleforthisquestion

javascript - knockout JS : click event invoked on every Option in Select

我希望Knockout在用户单击SELECT元素中的选项时调用一个事件。这是我的JavaScript:functionReservationsViewModel(){this.availableMeals=[{mealName:"Standard(sandwich)",price:0},{mealName:"Premium(lobster)",price:34.95},{mealName:"Ultimate(wholezebra)",price:290}];}ko.applyBindings(newReservationsViewModel());这是我的HTML:但是当我运行它时,应

javascript - event.target 在事件中未定义

如何在事件中使用each输入值?希望我下面的代码能很好地解释你。HTML:{{#eachName}}SomecontentSomecontentName:{{name}}Age://Ineedtoaccessagevaluesinevent{{/each}}JS:Template.UpdateAge.events({'click[data-action="showPrompt"]':function(event,template){console.log(event.target.age.value);//TypeError:event.target.age.valueisundefi

javascript - JQuery event.stopPropagation() 不工作

在我的html中,我在li中嵌入了类dragHandle的跨度。Item1Item2link我使用jQuery附加事件处理程序,如下所示:$(".treeli").click(function(event){alert("click");event.stopPropagation();});$(".dragHandle").mousedown(function(event){alert("down");event.stopPropagation();});$(".dragHandle").mouseup(function(event){alert("Up");event.stopPro