斷開一個聖拉斐爾元素事件

Question

附上一份onmouseout事件到聖拉斐爾圈元件是這樣的：

(function(el,iElPos,col){ 
     el.mouseout(function elmouseout(){el.animate({"fill":col,"r":ELEMENT_RADIUS},150); 
           alert("first"); 
           fadeTag(); 
           });    
    )(c,i,elementColour); 

c是元件。然後我後來想斷開事件，並附加其他thuswise：

(function (el){ 
    el.attr("fill",EXCLUDED_COLOUR); 
    el.unmouseout(elmouseout); 
    el.mouseout(function elmouseout(){ 
         alert("second"); 
         el.animate({"fill":EXCLUDED_COLOUR,"r":ELEMENT_RADIUS},150); 
         fadeTag(); 
         }); 
})(setMainSeries[iPos]); 

但這種重視都事件。兩個警報都在發射，隨後發生的事件首先發射。我想完全斷開第一個事件。我是否正確使用unmouseout（）？

UPDATE

我試圖從回聲流和lincolnk但既不工作的建議。我認爲回聲流可能更有效。我爆發了功能的建議是這樣的...

function elmouseoutDefault(el){ 
    el.animate({"fill":ELEMENT_COLOUR,"r":ELEMENT_RADIUS},150); 
    alert("first"); 
    fadeTag(); 
}; 

然後貼這樣的情況下，我創建的每個元素...

el.mouseout(elmouseoutDefault); 

但是這並沒有，因爲我沒有通過el。所以，我把它改成...

el.mouseout(elmouseoutDefault(el)); 

這似乎叫elmouseoutDefault如添加它。我只想讓它在mouseout事件上觸發。

Answer 1

它看起來像是在聲明函數名稱的位置的問題 - 我認爲當您使用名稱內聯函數定義函數時，事情會變得棘手。這應該更可靠地爲參考保留一個函數。

var elmouseout = null; 

(function (el, iElPos, col) { 

    elmouseout = function() { 
     el.animate({"fill": col, "r": ELEMENT_RADIUS }, 150); 
     alert("first"); 
     fadeTag(); 
    }; 

    el.mouseout(elmouseout); 

})(c, i, elementColour); 


(function (el) { 

    el.attr("fill", EXCLUDED_COLOUR); 

    el.unmouseout(elmouseout); 

    elmouseout = function() { 
     alert("second"); 
     el.animate({ "fill": EXCLUDED_COLOUR, "r": ELEMENT_RADIUS}, 150); 
     fadeTag(); 
    }; 

    el.mouseout(elmouseout); 

})(setMainSeries[iPos]); 

編輯：這東西─只存在自調用函數的範圍內，你的elmouseout定義一個範圍。我正在考慮關於函數名稱的另一個問題。該代碼應該仍然工作。

Answer 2

我想根據您的工作代碼驗證這一點，但是根據您發佈的代碼，這裏是我的想法：在這兩個代碼片段中，您都聲明瞭一個函數「elmouseout」。您正在使用的函數聲明語法在本地作用域中聲明函數（相當於寫入「var elmouseout = function（）{...}」），並且由於您聲明瞭每個函數閉包內部的變量「第二代碼塊中的「elmouseout」是指來自第二代碼塊的函數「elmouseout」，與第一代碼塊相反，這將產生期望的行爲。我會建議分解函數聲明，如下所示：

function elmouseout(e){e.target.animate({"fill":col,"r":ELEMENT_RADIUS},150); 
           alert("first"); 
           fadeTag(); 
           } 

    (function(el,iElPos,col){ 
     el.mouseout(elmouseout);    
    )(c,i,elementColour); 


function elmouseout2(e){ 
         alert("second"); 
         e.target.animate({"fill":EXCLUDED_COLOUR,"r":ELEMENT_RADIUS},150); 
         fadeTag(); 
         } 

(function (el){ 
    el.attr("fill",EXCLUDED_COLOUR); 
    el.unmouseout(elmouseout); 
    el.mouseout(elmouseout2); 
})(setMainSeries[iPos]);