我差不多完成了我的网站,目前正在优化它; 我想知道包含所有外部JavaScript文件的最佳和最快的方法.我希望网站尽快下载,但它有很多(10个左右)需要加载的外部javascript文件; 一些是来自谷歌AJAX API的jQuery库文件,有些是我的.
我确定我刚才读过,我可以使用一些javascript代码调用所有外部脚本,实际上,只从浏览器的角度调用一个外部文件.
你明白我的意思吗?
非常感谢
我有一个无序列表,可能有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 Tools Scrollable插件 - http://flowplayer.org/tools/scrollable.html#navigator
我之前创建了一个带有导航器的可滚动条而没有任何问题,现在,由于某些原因,我无法让这些东西工作.可能的原因可能是有太多的div播放,但我需要所有这些因为每个可滚动需要一个容器.
我无法使导航器和鼠标滚轮元件工作.我确信这是非常简单的,我错过了所以如果有人可以查看我的代码并弄清楚我缺少什么,我会非常感激.
请查看 http://jsbin.com/inuru/,看看我到目前为止的位置.
您可以在这里玩游戏并查看代码:http://jsbin.com/inuru/edit/
提前谢谢了
我的数学是令人震惊的,我不能,因为我的生活让这个计算工作.我正在创建一个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) 我刚刚为Sublime Text,Atom和VS Code创建了一个代码段生成器工具,你可以在这里找到它:https://snippets.now.sh.
这些应用程序的代码片段需要进行$转义$('.class'),但不能用于占位符,例如${1:foo}.
什么是正则表达式只匹配$当它没有跟随的时间{?
只是重申:
$foo${foo