大量彈出式動態內容

Question

我似乎遇到一個問題，即使用Magnific然后告訴它以編程方式轉到提供的索引中斷處，但僅當移至第零個元素然后返回時才行。

我在這里創建了一個Codepen- Codepen

這似乎是問題所在的代碼，尤其是goTo（）方法。

if (this.items[i].slug === elSlug)
{
    this.goTo(i);
}
else
{
    // should log every other index other than the one we're looking for
    console.log(i);
}

我還注意到，宏偉的方法似乎可以將提供的數組/對象轉換為具有更多屬性的物品對象，並可以將其提供給數據對象。

有沒有人遇到過此類問題或知道解決此問題的方法？

[編輯]

這似乎與以下事實有關：由於打開模態后如何轉換數據（在打開模態后），需要以不同的方式訪問它，我嘗試更改一些條件，但仍然沒有樂趣= /

Answer 1

您的elSlug變量和slug屬性不一致。 例如，對於海鹽和醋， elSlug設置為sea-salt-vinegar ，但它比較它針對sea-salt-&-vinegar ，所以它不匹配正確。

Answer 2

在朋友的幫助下解決了我的問題！

初始化模態時，結果會極大地更改items[]數組。

因此，我們不僅擁有一個純數據對象數組，還擁有一個帶有額外數據的對象，以及Magnfic將我們提供的數據放在一個數據對象下。

這張支票將我帶到了我需要去的地方，希望將來對其他人有幫助！

for (i ; i < len ; i++) {
    if (this.items[i].slug === elSlug || (this.items[i].data && this.items[i].data.slug === elSlug))
    {
        this.goTo(i);
        break;
    } else{
        // some kind of problem, do other stuff
    }
}