小编JCH*_*E11的帖子

当我构建页面时,我是想为每个页面设置单独的样式表还是为整个站点设置一个大样式表？出于加载目的,单个文件不是更好的做法,因为它会减少加载时的总css吗？

我正在尝试创建一个链接,单击该链接时,切换其href属性,然后转到该位置.

我的HTML是:

<a href="http://google.com" rel="group" data-wpurl="http://yahoo.com"></a>

点击后,我希望浏览器转到data-wpurl位置,而不是href位置.我使用数据属性的原因是因为我使用的应用程序需要使用href ...这里不相关.

我的jQuery是:

$('a[rel="group"]').on('click', function(e) {
      e.preventDefault();
      var wpurl = $(this).attr("data-wpurl");
      $(this).attr('href', wpurl);
});

我正在使用e.preventDefault(); 防止浏览器将用户带到href.将数据属性分配给href后,如何触发单击？使用trigger('click')和click();不工作!

有任何想法吗？

在过去的几天里,我问了几个问题来解决我的字体问题.我在设计时使用了各种晦涩的字体.我正在使用@ font-face,并尝试找出如果使用它们的家庭更改大小的备份字体的方法.这太复杂了,我决定简化一些事情,并在我的家庭中使用一套更受欢迎的字体.

font-family:Century Gothic,arial,sans-serif;

我选择使用Century Gothic作为我的主要字体(我认为这是大多数计算机的标准).经过大量测试,大多数浏览器在大多数计算机中使用sans-serif字体.

这是网站:http://www.vitaminjdesign.com

几个问题:

1-是我的网站显示世纪哥特式或无衬线？

2-是特定操作系统的世纪哥特式？

3-是否有任何改进的css可以加载世纪哥特式(可能不同的文件名/字体名称为相同的字体？)我是否也需要引号？

谢谢,抱歉它偏离了正常的SO编程问题.

我想删除使用jquery直接跟在div后面的p标记.这是我的HTML:

<div class="fbcommentbox"></div>
<p>Powered by <a href="http://pleer.co.uk/wordpress/plugins/facebook-comments/">Facebook Comments</a></p>

因此,在这种情况下,<p>标记内的所有内容都将设置为display:none.

这似乎在jquery中做起来非常简单,但我似乎无法将手指放在它上面.任何帮助都会很棒.谢谢!

在使用jquery格式化和编辑返回的rss feed(字符串)之前,我从RSS提要中提取内容.我replace用来替换字符串和字符,如下所示:

var spanish = $("#wod a").text();
var newspan = spanish.replace("=","-");
$("#wod a").text(newspan);

这非常有效.我也试图在某一点之后删除所有文本.与截断类似,我想隐藏从"示例"一词开始的所有文本.

在这个特定的RSS提要中,单词示例位于每个提要中.我想隐藏"example"所有文字,跟随那个词.我怎么能做到这一点？

我在我的项目中使用css媒体查询来创建一个可以在任何大小的屏幕上工作的网站.我正在寻找触发差异jquery函数就像我对css一样.

例如,如果浏览器大小介于1000px和1300px之间,我想调用以下函数:

$('#mycarousel').jcarousel({
    vertical: true,
    scroll: 1,
    auto: 2,
    wrap: 'circular'
});

但是当浏览器大小低于1000px时,js将停止其处理.等等等等.

我不确定这是否可行,但也许现有的解决方案或插件可根据浏览器窗口大小创建不同的js环境.我想我可以用某种格式创建条件语句.有什么想法吗？

我使用CSS3规则"旋转"来旋转div包含文本.你可以在这里看到这个页面:http://vitaminjdesign.com/v2/socialmedia.html.我正在寻找跨浏览器支持旋转div; 但是,这个CSS3规则不适用于IE.是否有一个jQuery选项或其他JavaScript解决方案将产生相同的结果,具有跨浏览器兼容性？

我有以下我想修改的HTML:

<div class="col1 width8"><img src="images/entity.jpg"></div>

我想使用媒体查询,但我不想修改css,而是将类名从width8替换为width6.以下标准媒体查询通常无法实现此目的:

@media only screen and (min-width: 1240px) and (max-width: 1484px) { }

我希望使用jquery删除类,并在窗口介于1240和1484px之间时添加一个类.你可以帮助我使用jquery替代媒体查询来修改内联类和id名称吗？

这是我的jquery

 $(document).ready(function() { 
    $(window).resize(function(){
            var width = $(window).width();

            if(width >= 1240 && width <= 1484){
                $('#info').removeClass('col9').addClass('col8');
            }
            else if(width >= 1485 && width <= 1788){
                $('#info').removeClass('col8').addClass('col7');
            }

            else if(width >= 1789 && width <= 2237){
                $('#info').removeClass('col7').addClass('col6');
            }

            else if(width >= 2238 && width <= 3000){
                $('#info').removeClass('col7').addClass('col6');
            }
            else{
                $('#info').removeClass('col8').addClass('col9');
             }
            })

.resize();

    });

由于图像加载量的原因,我的网站有时加载速度有点慢.由于所有png叠加和图标,我实际上在我的主页上有61张图像.我考虑使用精灵或图像地图,但我真的不喜欢这样做.我知道我的服务器只能有2个请求,所以如果我将图像托管在其他地方,它会加快时间,但是,这可靠吗？Pingdom工具说我的网站有超时"超时".我正在寻找一种解决方案:

A)在不同的服务器上展开我的图像(但是我想把它放在可靠的服务器上(我的!)

B)仅使用少量图像精灵或其他css技术

C) ？？？有任何想法吗？

提前致谢.

更新1:我创建了6个子域,并在这些子域中拆分了所有图像.你可以看到正常的网站有一个文件夹中承载的所有图像在这里,你可以在6子域看到相同的位点上的图片在这里.**正如你所看到的,与整个子域的图像加载慢WAYY网站.这是为什么？我不明白!

更新2:我打电话给我的托管公司,他们似乎认为子域解决方案无法解决问题,只会降低速度,因为每个子域都没有唯一的IP.我的服务器正在经历高负载,因此解释了一些延迟,但仍然存在此图像问题.他说我最好的就是使用亚马逊服务,这就是我现在要调查的内容.

我仍然有一个问题的理解是某些图像文件的滞后.如果您查看firebug中的页面加载结果(请参阅下面的BalusC答案),则需要花费大量的等待时间来加载某些图像.我想知道为什么.

我正在制作一个绝对定位的div."top"值是动态去除的,因此我需要使用jquery来动画-20px的任何动态"top"值.

$("#element").animate({"top" : +-20});

显然上面的内容是不正确的,但我需要简单地从#element已经拥有的"top"值中减去20.我可以使用上面的语法执行此操作吗？

例如,如果#element有一个top:-300px,我需要最终结果为-320px.