Question

我正在努力整理一个自动完成的jQuery插件。我知道有一个默认的，但我发现我有时只需要一些非常简单的东西，并且也想根据我的需要调整行为。最后，它的表现很有趣。如果它变成有用的东西，我可能会把它放在一个小的插件网站上。

反正;该插件有一些选择。其中一个是dataSource。它可以是对象，字符串或函数。我正在尝试完成任务以执行该功能。我试过eval它，但是当我调试它时，它只记录函数所包含的javascript代码。

插件的实现

$('#search3').myAutoCompletePlugin({
    completeOnEnter: false,
    delay: 200,
    dataSource: function() {
        console.log('Hello!');
    }
});

在插件的代码中，这是我尝试执行它的方式。

...
getResults: function() {
    var self = this,
        dataSourceType = typeof self.options.dataSource;

    self.request.items = [];

    ...
    } else if (dataSourceType == 'function') {
        // Callback as source, execute it
        self.request.items = eval(self.options.dataSource);
        console.log('function executed');
        console.log(self.request.items);
    } 
    ...
},
...

我希望它记录“你好！”，但我得到的是：

function executed
function () {
        console.log('Hello!');
    }

Answer 1

如果dataSource属性是一个功能，您可以直接调用它，不需要eval()：

else if (typeof self.options.dataSource == 'function') {
    self.request.items = self.options.dataSource();
    console.log('function executed');
    console.log(self.request.items);
}

jQuery插件开发执行一个功能设置

1 个答案: