如何使用对象正确设置插件的选项

How to properly set a plugin's options using an object

本文关键字:插件 选项 设置 何使用 对象      更新时间:2023-09-26

我都不好意思问…但我似乎不明白这个…

通常是这样做的…

instance_name = $("#select-field").magicSuggest({
        valueField: 'id',
        displayField: 'title',            
        maxSelection: 1
    });

我想让它像…所以我可以把它写成一个函数。

options ={ 
           valueField: 'id',
           displayField: 'title',            
           maxSelection: 1
         };
instance_name = $("#select-field").magicSuggest(options);

我试了一下,没有错误,但它不工作。

摆弄:http://jsfiddle.net/B6Gtm/6/

你已经把你的初始化在一个函数中,你已经重新定义了变量options,所以它的作用域是该函数,但你没有传递你的选项

options = {    
    data: ['Paris', 'New York', 'Japan'],
    valueField: 'id',
    displayField: 'name',
    hideTrigger: true,
    maxSelection: 1
};
function doMe(options){
    var instance_name2 = $("#select-field2").magicSuggest(options);
}
doMe();

所以你的两个例子绝不是相同的,如果它们是,那么它会工作得很好。下面通过使这两个相同来演示:http://jsfiddle.net/B6Gtm/7/

options = {    
    data: ['Paris', 'New York', 'Japan'],
    valueField: 'id',
    displayField: 'name',
    hideTrigger: true,
    maxSelection: 1
};
var instance_name2 = $("#select-field2").magicSuggest(options);

一样
options = {    
    data: ['Paris', 'New York', 'Japan'],
    valueField: 'id',
    displayField: 'name',
    hideTrigger: true,
    maxSelection: 1
};
function doMe(options){
    var instance_name2 = $("#select-field2").magicSuggest(options);
}
doMe(options);