Question

(function($) {
    $.fn.my_custom_jquery_plugin = function() {
        var custom_settings = {
            first: 'First',
            second: 'Second'
        }

        function a_custom_function() {
        }
    }
})(jQuery);

我想知道如何从插件外部访问settings变量和a_custom_function函数？

Answer 1

您可以使用对象data存储您的设置：

(function($) {
    $.fn.my_custom_jquery_plugin = function(options) {
        var settings = $.extend({
            first: 'First',
            second: 'Second'
        }, options );
        
        // this points to $('#test') in this example
        this.data("settings", settings)
    }
})(jQuery);

$('#test').my_custom_jquery_plugin({first: 'NotFirst'});
console.log($('#test').data("settings"))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test">

另请注意，jQuery建议您在全局命名空间中使用最小可能的函数名称，因此如果您刚刚开始使用插件，请考虑使用here所述的方法。

如何访问jQuery插件的属性和功能

1 个答案: