如何在插件的选项参数中使用变量(如fullpage.js)?

时间:2015-06-02 11:31:48

标签: jquery variables plugins options fullpage.js

我一直在找几个小时找到问题的答案,但是找不到任何有用的东西。

我使用的是fullpage.js插件,其中一个选项是" anchors"。我想使用这个,但我永远不会知道我要在其中添加的链接名称。他们可以改变数量和名称。

因此,我将所有需要的名称存储在数组中,然后将此数组更改为字符串,以便在anchors选项中使用它。

@model IEnumerable<DevelopmentNotesProject.Models.PieModel>
..
...
....
    @(Html.Kendo().Chart(Model)
        .Name("chart")
                .Title(title => title
                    .Text("")
                    .Position(ChartTitlePosition.Bottom))
        .Legend(legend => legend
            .Visible(false)
        )
                   //.DataSource(ds => ds.Read(read => read.Action("displayChart", "Statistics")))
            .Series(series =>
            {
                series.Pie( model => model.Count,model => model.Language);
            })




        .Tooltip(tooltip => tooltip
            .Visible(true)
            .Format("{0}%")
        )


    )

我已使用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(", "); 对输出进行了测试,这很完美,但插件/ jquery无法识别它,并抛出错误:

alert()
  

错误:   语法错误,无法识别的表达式:#&#39; link_name1&#39;,&#39; link_name2&#39;,&#39; link_name3&#39;

如果手动编写所有链接的名称,则可以正常工作。

渔获物在哪里?如何使它工作?

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

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

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