jQuery插件通過函數返回值

Question

我有一個簡單的jquery插件。 我傳遞值時工作正常。 但是當函數返回值時不起作用。 它顯示了功能定義。

請在Jsfiddle中嘗試

(function ( $ ) {
    $.fn.greenify = function( options ) {

        var settings = $.extend({
            // These are the defaults.
            color: "#556b2f",
            backgroundColor: "white",
            selectedID:function(){}    
        }, options );

        alert(settings.selectedID);
    };
}( jQuery ));


//Plugin Call
$( "div" ).greenify({
    color: "orange",
    //selectedID:6  it is working fine
    selectedID:function (){return 5}
});

Answer 1

當您調用alert(settings.selectedID) ，您正在傳遞一個對alert()的函數引用，相反，您需要調用settings.selectedID引用的函數，並將其返回的值傳遞給alert()

所以嘗試

alert(settings.selectedID());

演示： 小提琴

Answer 2

您在這里缺少"()"

alert(settings.selectedID);

因此，理想情況下，您必須調用該函數才能正常工作

alert(settings.selectedID());

Answer 3

settings.selectedID是一個函數

alert(settings.selectedID());