[英]Javascript array trouble
這是漫長的一天,我已經學到了很多關於js的知識,但是我對此感到困惑,好了,所以我需要獲取一個數組編號(取決於用戶單擊以下設置的那個。)但我不知道我如何嘗試讀取數組,但我無法理解。
抱歉,我每次單擊不同的鏈接時都需要調用一個函數,並且需要該函數分別響應每個div。
var navLink = new Array();
navLink[0] ='#one' < this is the Id of an href link.
navLink[1] ='#two'
navLink[2] ='#three'
navLink[3] ='#four'
navLink[4] ='#five'
navLink[5] ='#six'
var navDiv = new Array();
navDiv[0] ='#content-one' < this is the Id of a content div.
navDiv[1] ='#content-two'
navDiv[2] ='#content-three'
navDiv[3] ='#content-four'
navDiv[4] ='#content-five'
navDiv[5] ='#content-six'
var settings = {
objSlideTrigger: navLink[x], // link button id
objSlidePanel: navDiv[x] // slide div class or id
}
我希望我對自己的解釋已經足夠好了。
我知道這有效,但只適用於一個...
var settings = {
objSlideTrigger: '#one', // link button id
objSlidePanel: '#content-one' // slide div class or id
}
這是一個js小提琴,顯示了我試圖實現的核心要素。 然而,這只是一個鏈接和內容框,我想要多個鏈接和內容框。 所有這些都分別對被選中做出響應。 jsfiddle.net/BeU3U/6/
我認為這可能對您有用。 只要確保navLinks
的長度始終與navDivs
相同navDivs
。
var navLinks = [
'#one',
'#two',
'#three',
'#four',
'#five',
'#six',
];
var navDivs = [
'#content-one',
'#content-two',
'#content-three',
'#content-four',
'#content-five',
'#content-six',
];
var settings = [];
for (var i=0; i<navLinks.length; i++) {
settings.push({
objSlideTrigger: navLinks[i],
objSlidePanel: navDivs[i],
});
};
console.log(settings);
輸出量
[
{objSlideTrigger: "#one", objSlidePanel: "#content-one"},
{objSlideTrigger: "#two", objSlidePanel: "#content-two"},
{objSlideTrigger: "#three", objSlidePanel: "#content-three"},
{objSlideTrigger: "#four", objSlidePanel: "#content-four"},
{objSlideTrigger: "#five", objSlidePanel: "#content-five"},
{objSlideTrigger: "#six", objSlidePanel: "#content-six"},
]
您可能可以通過使用JSON元素數組來實現。
var nav = [
{"navLink": "#one", "navDiv": "#content-one"},
{"navLink": "#two", "navDiv": "#content-two"},
{"navLink": "#three", "navDiv": "#content-three"},
{"navLink": "#four", "navDiv": "#content-four"},
{"navLink": "#five", "navDiv": "#content-five"},
{"navLink": "#six", "navDiv": "#content-six"}
];
var settings = function (rowIndex) {
objSlideTrigger: nav[rowIndex]["navLink"],
objSlidePanel: nav[rowIndex]["navDiv"]
};
在下面試試這個
var settings = function (rowIndex)
{
objSlideTrigger:navLink[rowIndex],
objSlidePanel:navDiv[rowIndex]
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.