我正在构建一个简单的1页应用,允许某人策划json供稿列表。尝试将mouseenter / mouseleave事件绑定到具有给定类的页面上的所有输入时,我遇到了一个问题。简单地说,把第一部作品和第二部作品放在一起。
我必须关注jquery:
$(".feed").on("mouseenter", ".publish", function(){
console.log("feed")
}); //this is for test purposes
$(".feed").on("mouseenter", ".keys-input", function(){
console.log($(this));
$(this).siblings(".delete").fadeIn(75);
});
$(".feed").on("mouseleave", ".keys-input", function(){
$(this).siblings(".delete").fadeOut(75);
});
以及以下html:
<div class="feed"><!-- sorry for the confusion -->
<div class="feed-header">
<h2>pga-2013.json</h2>
<button class="publish button-white-bg button-save">Publish</button>
</div>
<div class="kvRow collapsed">
<span class="delete icon">x</span>
<input type="text" class="keys-input" value="free" disabled=""/>
<input type="text" class="values-input" value="0" disabled=""/>
</div>
</div>
我询问是否存在可以绑定的最大元素数量的原因是因为".feed"
事件触发并且dom中只有11个事件触发,而".keys-input"
事件没有触及在dom上有7266个。无论是那个,还是我是盲目的,做一些愚蠢的事......
这里有一个较少元素的小提琴,但代码相同http://jsfiddle.net/khLPc/
这是问题:Event on a disabled input输入被禁用,所以他们不会向我发射香蕉事件......
答案 0 :(得分:1)
禁用元素不会触发事件。
启用输入,它将起作用。 点击这里,我启用了一个输入字段: http://jsfiddle.net/balintbako/khLPc/1
显然我也必须包含一些代码:
<input type="text" class="keys-input" value="free"/>