0

長い一日で、私は js について多くのことを学びましたが、私の頭はこれについて混乱していました。わかりましたので、配列番号の 1 つを取得する必要があります (ユーザーが以下の設定でクリックしたものに応じて)。しかし、私にはわかりませんどのように、私は配列を読んでみましたが、私はそれについて理解することができません. :/

申し訳ありませんが、別のリンクをクリックするたびに関数を呼び出す必要があり、各 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
}

私は自分自身を十分に説明したことを願っています...もしそうでなかったらごめんなさい。

これが機能することはわかっていますが、1つしか機能しません...

変数設定 = {

    objSlideTrigger: '#one', // link button id
    objSlidePanel: '#content-one' // slide div class or id
}

これは、私が達成しようとしているもののコア要素を示す js フィドルです。ただし、これは単一のリンクとコンテンツ ボックスにすぎません。複数のリンクとコンテンツ ボックスが必要です。すべてが選択されることに個別に応答します。jsfiddle.net/BeU3U/6/

4

3 に答える 3

2

私はこれがあなたのために働くことができると思います. navLinksが常に と同じ長さであることを確認して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"},
]
于 2013-10-09T05:17:07.847 に答える
1

おそらく、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"]
};
于 2013-10-09T05:39:34.103 に答える