小编Zan*_*der的帖子

包含我的外部javascripts的最佳/最快方式是什么?我使用jQuery

我差不多完成了我的网站,目前正在优化它; 我想知道包含所有外部JavaScript文件的最佳和最快的方法.我希望网站尽快下载,但它有很多(10个左右)需要加载的外部javascript文件; 一些是来自谷歌AJAX API的jQuery库文件,有些是我的.

我确定我刚才读过,我可以使用一些javascript代码调用所有外部脚本,实际上,只从浏览器的角度调用一个外部文件.

你明白我的意思吗?

非常感谢

javascript jquery jscompress

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

当一个人徘徊时,jQuery褪色/调暗其他列表元素,我90%那里..?

我有一个无序列表,可能有30个项目.当其中一个项目悬停时,其余列表项目淡化为30%,悬停项目保持在100%; 当你离开列表时,它们都会逐渐消失至100%并且我已经设置了这个.

当您从一个项目移动到另一个项目时,我的问题就会出现,其他列表项目会逐渐淡化为100%,然后再降低到30%.除非用户离开整个列表,否则我希望它们保持在30%.

我在每个列表项上使用hoverIntent插件.我还使用jQuery将一个类添加到当前列表项中,因此我可以淡化其余的并在您离开后将其删除.我使用了jQuery Cookbook网站上的等待函数(http://docs.jquery.com/Cookbook/wait)

你明白我的意思吗?

到目前为止,这是我的代码:

$.fn.wait = function(time, type) {
    time = time || 300;
    type = type || "fx";
    return this.queue(type, function() {
        var self = this;
        setTimeout(function() {
            $(self).dequeue();
        }, time);
    });
};

$("#sites li:not(#sites li li)").hoverIntent(function(){
    $(this).attr('class', 'current'); // Add class .current
    $("#sites li:not(#sites li.current,#sites li li)").fadeTo("slow", 0.3); // Fade other items to 30%
    },function(){
    $("#sites li:not(#sites li.current,#sites li li)").wait().fadeTo(600, 1.0); // This should set the other's opacity back to 100% on mouseout …
Run Code Online (Sandbox Code Playgroud)

jquery fade hover wait

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

jQuery Tools Scrollable不太正常 - 导航和鼠标滚轮功能都不起作用

我正在使用jQuery Tools Scrollable插件 - http://flowplayer.org/tools/scrollable.html#navigator

我之前创建了一个带有导航器的可滚动条而没有任何问题,现在,由于某些原因,我无法让这些东西工作.可能的原因可能是有太多的div播放,但我需要所有这些因为每个可滚动需要一个容器.

我无法使导航器和鼠标滚轮元件工作.我确信这是非常简单的,我错过了所以如果有人可以查看我的代码并弄清楚我缺少什么,我会非常感激.

请查看 http://jsbin.com/inuru/,看看我到目前为止的位置.

您可以在这里玩游戏并查看代码:http://jsbin.com/inuru/edit/

提前谢谢了

jquery jquery-plugins

0
推荐指数
1
解决办法
3825
查看次数

需要帮助创建基于百分比的SASS网格系统

我的数学是令人震惊的,我不能,因为我的生活让这个计算工作.我正在创建一个CSS网格系统,允许用户指定任意数量的网格列(默认情况下有12个),这些列之间的装订线,列周围的最大宽度以及总宽度内的边距.有希望的结果是每列宽度的百分比宽度和所有列的左边距的百分比.

如果我使用下面的默认值,最大宽度将为1200px,左侧和右侧的内边距将为20,网格的最大允许空间为内部宽度1160.那有意义吗?

我正在使用的是SASS.查看代码中的注释,以查看当前正在工作和不工作的内容.

这是关于jsFiddle的代码:http://jsfiddle.net/mrmartineau/fMeBk/

$gridColumnCount      : 12;   // Total column count
$gridGutterWidth      : 40;   // [in pixels]
$gridColumnPadding    : 30;   // [in pixels]
$gridMaxWidth         : 1200; // [in pixels]
$gridMargin           : 20;   // [in pixels] Space outside the grid

@function gridColumnWidth() {
    @return $gridMaxWidth / $gridColumnCount;
}
// Grid calculations
@function gridColumnWidthCalc($colNumber) {
    // Is correct
    @if $gridGutterWidth == 0 {
        @return percentage($colNumber / $gridColumnCount);
    }
    // Is incorrect
    @else $gridMargin > 0 {
        @return percentage( (($colNumber …
Run Code Online (Sandbox Code Playgroud)

css sass

0
推荐指数
1
解决办法
2255
查看次数

Javascript Regex匹配$,但不是$ {

我刚刚为Sublime Text,Atom和VS Code创建了一个代码段生成器工具,你可以在这里找到它:https://snippets.now.sh.

这些应用程序的代码片段需要进行$转义$('.class'),但不能用于占位符,例如${1:foo}.

什么是正则表达式只匹配$当它没有跟随的时间{

只是重申:

  • 匹配这个: $foo
  • 不符合这个: ${foo

javascript regex

0
推荐指数
1
解决办法
93
查看次数

标签 统计

jquery ×3

javascript ×2

css ×1

fade ×1

hover ×1

jquery-plugins ×1

jscompress ×1

regex ×1

sass ×1

wait ×1