Jquery如何綁定元素迭代通過每個類方法

Question

我有一個簡單的js類，我試圖綁定對象上的'點擊'事件到函數。我通過元素的列表迭代：

<ul id="cp"> 
<li><button id="panel_button_light">Turn Light On</button></li>  
<li> 
    <div class="arrow-up" id="panel_button_temp_up"></div> 
    <div class="arrow-down" id="panel_button_temp_down"></div> 
</li> 
</ul> 

我不知道我需要在代碼通過迭代的元素，這樣我可以點擊他們的時候調用類的方法時，下面進入。

這是我使用的js代碼：

<script type="text/javascript"> 
    var CP = function(widget){ 
    this.widget_name = widget; 
    var self = this; 
    this.init = function(){  
     $('#'+this.widget_name).children('li').children('*[id*=panel_]').each(function(self){  
     //I need function here to bind the click event to the class CP 
     $("#" + this.id).on('click', $.proxy(this.id, this)); 
    }); 
     } 
    }; 
    CP.prototype.panel_button_temp_up= function(){  

    }; 
    CP.prototype.panel_button_temp_down= function(){  

    }; 
    CP.prototype.panel_button_light = function(){  

    }; 
    $(document).ready(function(){ 
    var c = new CP("cp"); 
    c.init(); 
    }); 

Answer 1

this.id是一個字符串，所以$.proxy(this.id, this)沒有意義。如果要訪問cp實例上的同名屬性，則必須執行類似instance[this.id]的操作。

例如：

var self = this; 
this.init = function() {  
    $('#'+this.widget_name).find('[id^=panel_]').each(function() {  
     $(this).on('click', self[this.id]); 
    }); 
};