$(document).ready(function() {
// 公告轮播
$("#slide").slide({
mainCell: ".bd ul",
effect: "topLoop",
autoPlay: true,
mouseOverStop: "true",
pnLoop: "true"
});
// 返回顶部
$("a", $(".backtop")).on("click", function(){
$("html, body").animate({scrollTop: 0});
});
$('#goods-list').on('mouseover mouseout','li',function(){
if($(this).hasClass('cur'))
{
$(this).removeClass('cur');
}
else
{
$(this).addClass('cur');
}
})
});
不知道大家在干前端的时候有没有碰到过这样的问题,对于产品那边需要的一些效果,我们有的时候又不得不写很多这样的一些有关展现效果方面的代码,比如:
$('#div').click(function(){
$(this).show();
$(this).siblings('div').hide();
})
就是类似于这种类型的代码,比如下拉菜单,当前添加一个什么样式,同级元素添加一个class之类的什么,我一只觉得这样的代码是有很大的优化价值的,难道像淘宝天猫
他们那么大的网站,也会去写很多这样的代码吗? 那岂不是找死。 求大神指点迷津呀
你无非就是关注代码重用功能而已,就你举的例子来说,绑定在class上不就可以让一大堆元素用了,为什么要用id?
你可以去看看bootstrap,借鉴一下他的思想,其实都大同小异。
比如说我有一类元素功能是点击某个元素,操控另一个元素的显示隐藏。
思想上大抵如此,解决更复杂的问题的话,实现的方法则多了去了。