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

Question

我几乎羞于问..但似乎无法弄清楚这个问题..

通常是这样完成的...

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/

Answer 1

您已将初始化放入一个函数中，在该函数中重新定义了变量 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();

所以你的两个例子绝不是相同的，如果是的话那就可以正常工作了。此处通过使 2 相同来演示: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);