如何在插件的选项参数中使用变量（如 fullpage.js）？

Question

我花了几个小时来寻找我的问题的答案，但找不到任何有用的东西。

我正在使用 fullpage.js 插件，其中一个选项是 "anchors"。我想使用这个，但我永远不会知道我必须放入其中的 link 的名称。他们也可以更改编号和名称。

所以我将我需要的所有名称存储在一个数组中，然后我将这个数组更改为一个字符串以在锚点选项中使用它。

var data_anchors = $('.elements').map(function(){
        return $(this).data('menuanchor');
        }).get(),
        anchors_array = [];
$.each(data_anchors, function(id,val) {                    
     var str = "'" + val + "'";
     anchors_array.push(str);
});

var anchors_var = anchors_array.join(", ");

我用 alert() 测试了输出，它是完美的，但是 plugin/jquery 不识别它，并抛出一个错误：

$(".slide").fullpage({
  // //Navigation
  anchors:[anchors_str],
.....

Error : Syntax error, unrecognized expression: #'link_name1', 'link_name2', 'link_name3'

如果手动写下所有 link 的名字，它会起作用。

问题在哪里？如何让它发挥作用？

感谢您的帮助

Answer 1

fullpage 需要一个字符串数组，而不是一个连接字符串的数组。

$(".slide").fullpage({
    // //Navigation
    anchors: $('.elements').map(function() {
        return $(this).data('menuanchor');
    }).get(),
    .....
});

如何在插件的选项参数中使用变量（如 fullpage.js）？

How to use variables in option parameters for a plugin (like fullpage.js)?

jquery

variables

plugins

options

fullpage.js