よく私はまだjs /プログラミングの新人です。 私のコードをどのように最適化することができますか? 同じことをする小さくて速いコードを書く方法は複数あると確信しています。jquery複数のクリックのショートカット
$('.ourservices-content .left ul li:nth-child(1)').click(function(){
$('.our-services-content-box > ul.box').stop().animate({
marginLeft: '0px'
},800)
})
$('.ourservices-content .left ul li:nth-child(2)').click(function(){
$('.our-services-content-box > ul.box').stop().animate({
marginLeft: '-600px'
},800)
})
$('.ourservices-content .left ul li:nth-child(3)').click(function(){
$('.our-services-content-box > ul.box').stop().animate({
marginLeft: '-1200px'
},800)
})
$('.ourservices-content .left ul li:nth-child(4)').click(function(){
$('.our-services-content-box > ul.box').stop().animate({
marginLeft: '-1800px'
},800)
})
$('.ourservices-content .left ul li:nth-child(5)').click(function(){
$('.our-services-content-box > ul.box').stop().animate({
marginLeft: '-2400px'
},800)
})
$('.ourservices-content .left ul li:nth-child(6)').click(function(){
$('.our-services-content-box > ul.box').stop().animate({
marginLeft: '-3000px'
},800)
})
$('.ourservices-content .left ul li:nth-child(7)').click(function(){
$('.our-services-content-box > ul.box').stop().animate({
marginLeft: '-3600px'
},800)
})
また、できる場合は、最初のセレクタにIDを追加することで、 "#ulId li" 'または' '#ulId> li" 'がより効率的なセレクタになります。 –
は ';' "アニメーションの後に... + 'px'" – max
あなたはできるが、Javascriptのセミコロンの挿入に頼らないのがベストプラクティスだと言われている。かなり議論の的になっているダグラス・クロフォードは、心からお勧めします。それはそれをする理由かもしれません。あなた次第。 –