我可以将jquery事件绑定到的最大元素数量是多少?

时间:2013-08-08 16:36:56

标签: javascript jquery html

我正在构建一个简单的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输入被禁用,所以他们不会向我发射香蕉事件......

1 个答案:

答案 0 :(得分:1)

禁用元素不会触发事件。

启用输入,它将起作用。 点击这里,我启用了一个输入字段: http://jsfiddle.net/balintbako/khLPc/1

显然我也必须包含一些代码:

<input type="text" class="keys-input" value="free"/>