草庐IT

BIND_AUTO_CREATE

全部标签

带有绑定(bind)点击事件的 Javascript 循环总是返回最后的结果

我有一个在javascript中运行的for循环。在这个循环中,我创建了一个列表项并将点击事件绑定(bind)到它。当我单击此列表项时,我希望它以当前循环对象中的数据作为参数调用一个函数。问题是,无论我点击哪个列表项。作为参数传递的数据是我正在循环的对象的最后一个元素,而不是正在单击的当前元素。for(eindata){varsuggestItem=$(''+data[e]['name']+'');suggestItem.click(function(){$(this).addClass('activeSuggestion');suggestSelect(suggestField,da

javascript - 光标 :auto behaviour in IE 8 and 9

我想要的是为整个body标签指定cursor:pointer,这样页面的背景是可点击的,但我也希望页面的其余部分像它那样工作,所以我尝试为div设置cursor:auto,其中包含页面。在FF、Chrome和safari中,它工作正常,在IE6和7中也是如此。但似乎IE8和9以及(去他的)OPERA对cursor:auto的含义有自己的看法。这是一个片段,看看会发生什么:CursortestThisisaparagraphclickhere.虽然这是一个HTML片段,但所有内容都是使用javascript完成的,结果相同。该标准说的有些含糊:用户代理根据当前上下文确定要显示的光标。,这

javascript - 将键盘绑定(bind)到左/右导航

我是一名摄影师,我有一个网站,我无法在其中编辑"template"结构,但可以上传javascript/css等。我想将下一个/上一个导航绑定(bind)到键盘右/左。链接的结构是:ImageNavigationIndexPreviousNext我提到了this并设法创造了这个。$(function(){$(document).keyup(function(e){switch(e.keyCode){case37:window.location=$('li.prev').attr('href');break;case39:window.location=$('li.next').attr

javascript - body 元素的左侧和顶部偏移量为 :auto

我正在尝试通过使用margin:autoCSS属性获取一个网站的鼠标相对于body(即body=坐标原点)的位置,该网站的body元素大小固定并居中。由于event.clientX和event.clientY属性为我提供了从页面开头开始的偏移量,而不是从body元素开始的偏移量,因此我尝试将其减去body偏移量。为此,我尝试使用document.body.offsetLeft和document.body.offsetTop,但到目前为止运气不好,该值未定义。另外,因为我没有定义它,所以我不能使用document.body.style.left或document.body.style.t

javascript - bind 和 var self=this 的区别?

在我的Reactnative代码中,我在多个模块的多个位置同时使用了bind(this)和varself=this;。两者都解决了在正确位置解析this关键字的问题。这是我的代码(执行相同功能的2个代码)-使用bind(this)retval.then(function(argument){console.log("argument"+JSON.stringify(argument));this.stateSetting(argument);}.bind(this));使用varself=thisvarself=this;retval.then(function(argument){c

javascript - 在使用 Object.create 创建的对象中使用 super

今天早上我遇到了一个tweetfromŠimeVidas他提出了以下在对象字面量中使用super的可能性:letA={run(){console.log('Aruns');}};letB={run(){super.run();}};Object.setPrototypeOf(B,A);B.run();//Aruns这行得通,而且分配B.__proto__=A;似乎也行得通,在Firefox和Chrome中都是如此。所以我想我可以用Object.create做同样的事情:letA={run(){console.log('Aruns');}};letB=Object.create(A);B

javascript - Vue.js 'v-bind:class' 不更新,即使模型更新

我有一个项目列表,我想对当前选定的项目应用一种样式。我也在使用Vuex来管理状态。我的列表组件:constList=Vue.component('list',{template:'0">'+''+'{{g.text}}'+''+''computed:{items:function(){returnthis.$store.state.items;}},methods:{selectItem:function(index){this.$store.commit('selectItem',index);}}});我的商店:conststore=newVuex.Store({state:{it

javascript - Controller 内部的 Angular 1.6 绑定(bind)

我试图通过绑定(bind)将一些参数传递给我的组件,但不幸的是我没有在我的Controller中使用这些参数,这是我的代码:angular.module('project1').component('menu',{templateUrl:'/static/js/templates/menu.template.html',bindings:{rid:'@'},controller:['Restaurant',functionRestaurantListController(Restaurant){console.log(this.rid);console.log(this);this.r

javascript - 如何将动态 Prop 绑定(bind)到 VueJS 2 中的动态组件

我想知道如何迭代组件名称列表(来自对API服务器的AJAX调用)并将它们呈现为组件,并将相关属性传递给每个组件(即动态绑定(bind)它们的属性).到目前为止,我已经设法迭代表示组件的项目的JSON列表,并成功呈现这些组件。我现在想做的是使用v-bind绑定(bind)每个组件的属性。在下面的示例中,item-one组件将接收具有item1.jpg值的image属性;item-two组件不会收到任何属性。importItemOnefrom'../components/item-one'importItemTwofrom'../components/item-two'exportdefa

javascript - 如何在 angular2 typescript 中正确执行 "bind"?

我想使用一个javascript库,它需要像这样创建一个对象并绑定(bind)到它:this.mystr="hello";this.webkitspeech=newwebkitSpeechRecognition();this.webkitspeech.onresult=function(evt){console.log(this.mystr);//thisisundefined,eventhoughIdohaveitdefined}我通常会做一个.bind(this)虽然在typescript中我想这样做:this.mystr="hello"this.webkitspeech=neww