私はしばらくの間取り組んできたいくつかのコードを持っています。私は当初、配列を使用して必要なものを達成しようとしていましたが、これは私にとって圧倒的でした. 条件付きステートメントを実現するためにコードを変更しようとしました。
var settings = {
objSlideTrigger: '#one,#two,#three,#four,#five,#six'
} // link button id
if (objSlideTrigger: '#one') { // This is the line im getting a syntax error on.
objSlidePanel: '#content-one'
}
else if (objSlideTrigger: '#two') {
objSlidePanel: '#content-two'
}
else if (objSlideTrigger: '#three') {
objSlidePanel: '#content-three'
}
else if (objSlideTrigger: '#four') {
objSlidePanel: '#content-four'
}
else if (objSlideTrigger: '#five') {
objSlidePanel: '#content-five'
}
else if (objSlideTrigger: '#six') {
objSlidePanel: '#content-six'
};
};
そのコードの特定のチャンクには、href リンクを使用してページ上で Web 要素「div」をスライドさせる関数の設定が割り当てられます。私が抱えていた問題は、href リンクが 6 つの個別の div すべてを一度に移動することでした。
私の解決策は、最善ではないかもしれませんが、それぞれが独自の div を処理する 6 つのリンクを作成することです。ただし、設定にはリンクと div の両方の ID が必要です。対応するリンクをクリックして、ユーザーが見たいダイビングを決定できるようにする必要があります。
私はJavaScriptにかなり慣れていないので、そのようなことを達成できる可能性があることを知っていた唯一の方法は、リンク用とdiv用の2つの配列を作成することでした。ユーザーが必要なリンクを選択すると、配列から href 要素が取得され、設定に挿入されます。または、少し厄介なアプローチですが、条件付きステートメントを多数用意することもできます。
誰かがこの問題を解決したり、より良い代替手段を見つけたりするのを手伝ってくれたら、とても助かります。事前に感謝します。javasript コードの基本とページでの動作を示す js フィドルを含めました。