将 href 链接添加到 Var 字符串/数组

Question

我有一个带有 js 代码的滑块。每张幻灯片都有一个标题。我在 var 字符串中创建了标题，但是这个字符串中的这些项目（标题）有可能吗？

但我有一个字符串（数组），例如：

var titles = [
    'namefayee',
    'Champ App',
    'Shirt Design',
    'Post NL'
];

但我希望标题链接到不同的网站。

例如： https://codepen.io/fay10/pen/yLJwYBB

此人有一个名为 VIEW case 的标题，但在他的代码中，他只使用一个链接查看一个案例，但他有更多案例的照片，所有案例都具有相同的链接。我的问题是如何为每个不同的案例获取不同的链接

var msLinks = new MomentumSlider({
    el: slidersContainer,
    cssClass: 'ms--links',
    range: [0, 3],
    rangeContent: function () {
        return '<a class="ms-slide__link">View Case</a>';
    },
    vertical: true,
    interactive: false
});

如何将 var 标题附加到 msLinks ... 每个标题包含不同的链接

对于代码，您可以在 codepen 上查看代码，因为我无法以某种方式将整个代码粘贴到此处。我的道歉

Answer 1

检查 rangeContent 函数，我认为它需要如下参数：

    rangeContent: function (i) {
        //Now you can check your condition and return the specific url;
        return url_array[i];
    },

我认为这就是你要找的。​​p>

---

已编辑

var url_array = {
  'namefayee' => ['<a class="ms-slide__link">View Case</a>','<a class="ms-slide__link">View Case</a>','<a class="ms-slide__link">View Case</a>','<a class="ms-slide__link">View Case</a>'], 
  'Champ App' => ['<a class="ms-slide__link">View Case</a>','<a class="ms-slide__link">View Case</a>','<a class="ms-slide__link">View Case</a>','<a class="ms-slide__link">View Case</a>'], 
  'Shirt Design' => ['<a class="ms-slide__link">View Case</a>','<a class="ms-slide__link">View Case</a>','<a class="ms-slide__link">View Case</a>','<a class="ms-slide__link">View Case</a>'], 
  'Post NL' => ['<a class="ms-slide__link">View Case</a>','<a class="ms-slide__link">View Case</a>','<a class="ms-slide__link">View Case</a>','<a class="ms-slide__link">View Case</a>']
};

然后你可以这样做：

    rangeContent: function (i) {
        //Now you can check your condition and return the specific url;
        
        var urls = '';
        
        switch(i){
          case 1:
            urls = url_array['namefayee'].join(' ') 
            break;
          default:
            urls = '<a class="ms-slide__link">View Case</a>';
            break;
        }
        
        return urls;
    },