javascript类和jquery事件侦听器

这是因为“this”是一个关键字,它引用调用当前函数的对象。对于jquery事件处理程序,此对象是注册事件处理程序的dom元素(在本例中为document)。请使用其他变量名存储对象:

<script type="text/javascript">
    function myClass(id) {
            var me = this;
            this.id = id;

            $(document).ready(function(){
                    $(me.id + ' .filter').click(function(){ alert("You clicked a filter"); });
            });
    }
    one             = new myClass('#one');
    two             = new myClass('#two');
</script>

你需要做一个 local 复印件 this 要在内部功能中使用它:

function myClass(id) { 
    this.id = id;
    var that = this;
    $(document).ready(function(){

        $(that.id + ' .filter').click(function(){ alert("You clicked a filter"); });

    });
}

在这种情况下,您根本不需要在另一个变量中声明它,只需换出 id 对于 this.id 在你的 document.ready 功能:

function myClass(id) {
    $(document).ready(function(){
        $(id + ' .filter').click(function(){ alert("You clicked a filter"); });
    });
}

但是,如果对其进行了一些处理,则可以始终使用别名 this 在另一个变量中:

function myClass(id) {
    var base = this;
    base.id = id;
    // Other items set on base.value

    $(document).ready(function(){

        $(base.id + ' .filter').click(function(){ alert("You clicked a filter"); });

    });

}