Javascript语法错误(新手)

时间:2013-10-14 07:59:30

标签: javascript jquery html css

我有一些代码,我已经有一段时间了。我原本试图用数组来实现我想要的东西,但这对我来说是压倒性的。我有scince试图修改我的代码以获得有条件的声明。

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'
};
};

为特定的代码块分配了一个函数的seetings,该函数使用href链接在页面上滑动web元素“div”。我遇到的问题是href链接会同时移动所有六个单独的div。

我的解决方案,虽然它可能不是最好的是创建六个链接,每个链接处理自己的div。但是,设置需要链接和div的id。我需要用户通过点击相应的链接来决定他们想要看到的潜水。

因为我对javascript相当新,我知道我可能实现这样的事情的唯一方法是为链接制作两个数组,为div制作一个数组。当用户选择他们想要的链接时,它会从数组中拉出href元素并将其插入到设置中。或者替代地有一堆条件性的陈述,虽然是一种稍微混乱的方法。

如果有人可以帮助我解决这个问题或找到更好的替代方案,我会非常感激。提前再次感谢,我已经包含了一个js小提琴,它显示了javasript代码的基础知识以及它在页面上的作用。

http://jsfiddle.net/BeU3U/6/

1 个答案:

答案 0 :(得分:2)

您正试图在必须使用的每个if语句中设置一个objSlideTrigger值==。

试试这个,考虑到objSlideTrigger是"#one"或"#two"等等......而不是所有人同时出现

if (settings.objSlideTrigger == '#one') 
//  ^^^^^^^^                 ^^ not :   

如果还要改变其他所有内容==