小编Pei*_*wen的帖子

jQuery代码太冗长了,想指点如何缩短它

我有一些jQuery代码,我想评论和指出如何减少和缩短其行数.

$('#p1').click(function() {
    $('#list').fadeOut(450);
    $('#q1').delay(600).fadeIn(450)
});
$('#p2').click(function() {
    $('#list').fadeOut(450);
    $('#q2').delay(600).fadeIn(450)
});
$('#p3').click(function() {
    $('#list').fadeOut(450);
    $('#q3').delay(600).fadeIn(450)
});
$('#p4').click(function() {
    $('#list').fadeOut(450);
    $('#q4').delay(600).fadeIn(450)
});

...

$('#p12').click(function() {
    $('#list').fadeOut(450);
    $('#q12').delay(600).fadeIn(450)
});
$('#p13').click(function() {
    $('#list').fadeOut(450);
    $('#q13').delay(600).fadeIn(450)
});
Run Code Online (Sandbox Code Playgroud)

这段代码可以更好地优化吗?或者至少减少冗长?

javascript jquery

37
推荐指数
5
解决办法
1589
查看次数

无法更改被访问的内容:在伪元素之前

我试图为访问链接添加一些效果,然后我遇到了这个问题.

这是代码:http://dabblet.com/gist/5447894

只有Opera才能成功更改:before伪元素的内容.所有其他浏览器都失败了.我错过了什么吗?谢谢

css pseudo-element css-content

6
推荐指数
1
解决办法
1977
查看次数

基于百分比的布局差距

基于百分比的布局我遇到了问题.这是我的代码http://jsfiddle.net/uHkXH/

如果你在Mac上使用Safari或Opera,在Windows或iPhone iPad上使用IE7,你会看到右侧有差距.但是四个盒子的宽度,填充和边距应该是100%.我不明白为什么还有差距.

有没有人可以解释这个问题并帮助我解决它?非常感谢你!

css responsive-design

2
推荐指数
1
解决办法
2733
查看次数

页面加载后自动执行.on()函数

$("#container").on("click", contentEffects);在ajax调用之后,我用来使一些jquery代码再次工作.但是,我希望该.on()功能可以在页面加载后立即自动执行,并且不会click发生事件.那可能吗?

请看看我的网站和javascript文件:

http://peters-playground.com/blog.html

https://github.com/P233/p233.github.com/blob/master/js/script.js#L30-L78

当ajax加载新帖子时,我必须点击帖子内容才能启用javascript,我还需要点击两次按钮才能使其正常工作.这真的很烦人.我该如何避免这个问题?

谢谢!

jquery

-1
推荐指数
1
解决办法
1409
查看次数