Question

我第一次寫入jQuery函數。

我有這個功能，但我不知道爲什麼overlay var必須超出click函數的範圍。我在內部嘗試過，但它不正確。我可以重構這個以使它更好嗎？

(function($) { 
    $.fn.popOver = function() { 

    // Variable for overlay 
    var overlay = $("<div id='overlay'></div>"); 

    // Listen for clicks 
    return this.click(function(e) { 

     // Prevent the anchor link from loading 
     e.preventDefault(); 

     // Variable for popover 
     var popover = $(this).next(); 

     // Append the overlay to the document body 
     $('body').append(overlay.click(function() { 
     overlayHide(); 
     })) 

     //Set the css and fade in our overlay 
     overlay.show(); 
     popover.fadeIn(150); 

     // Listen for clicks on elements 
     popover.find('a').click(function() { 
     overlayHide(); 
     }) 

     // Hide Overlay function 
     function overlayHide() { 
     overlay.remove(); 
     popover.fadeOut(150); 
     } 

    }) 
    } 
}) (jQuery); 

Answer 1

因爲你沒有做任何事情比簡單地調用其他的功能，你可以改變這樣的線條更具體的...

popover.find('a').click(overlayHide);