添加更多 javascript = 停止工作
Adding More Javascript = Stops From Working
jQuery(function($) {
function fixDiv() {
var $cache = $('header');
if ($(window).scrollTop() > 10)
$cache.css({'position': 'fixed', 'top': '0', 'background': 'rgba(0,0,0,0.8)', 'padding': '0'});
//$('#top-menu a').css({'padding': '17px 20px'});
else
$cache.css({'position': 'absolute', 'top': '0', 'background': 'rgba(0,0,0,0)', 'padding': '20px 0'});
//$('#top-menu a').css({'padding': '30px 20px'});
}
$(window).scroll(fixDiv);
fixDiv();
});
这是我目前所拥有的,我看到var $cache =标题,所以我想添加另一行,所以当它改变背景时,它也改变了标题的字体大小.. 所以我现在有
jQuery(function($) {
function fixDiv() {
var $cache = $('header');
if ($(window).scrollTop() > 10)
$cache.css({'position': 'fixed', 'top': '0', 'background': 'rgba(0,0,0,0.8)', 'padding': '0'});
$('h1').css({'font-size': '26px'});
else
$cache.css({'position': 'absolute', 'top': '0', 'background': 'rgba(0,0,0,0)', 'padding': '20px 0'});
$('h1').css({'font-size': '36px'});
}
$(window).scroll(fixDiv);
fixDiv();
});
我做错了什么?
多个语句需要大括号:
if ($(window).scrollTop() > 10)
{
$cache.css({'position': 'fixed', 'top': '0', 'background': 'rgba(0,0,0,0.8)', 'padding': '0'});
$('h1').css({'font-size': '26px'});
}
else
{
$cache.css({'position': 'absolute', 'top': '0', 'background': 'rgba(0,0,0,0)', 'padding': '20px 0'});
$('h1').css({'font-size': '36px'});
}
正确缩进代码可以更明显地说明它不起作用的原因:
if ($(window).scrollTop() > 10)
$cache.css({'position': 'fixed', 'top': '0', 'background': 'rgba(0,0,0,0.8)', 'padding': '0'});
$('h1').css({'font-size': '26px'});
else
$cache.css({'position': 'absolute', 'top': '0', 'background': 'rgba(0,0,0,0)', 'padding': '20px 0'});
$('h1').css({'font-size': '36px'});
(不仅错误而且无效 - else
是孤立的)。
相关文章:
- JavaScript打印功能使日历停止工作
- JavaScript在更改css时停止工作
- 当我添加JavaScript时,链接按钮停止工作
- 为什么在ASP.NET Ajax更新面板中执行任何操作后javascript元素都停止工作
- 在html文件中添加了多个外部javascript,其中一个停止工作
- 当if条件被添加到循环中时,Javascript函数将停止工作
- 当页面回发ASP.NET时,时间选择器javascript将停止工作
- 为什么IE JavaScript断点在Visual Studio 2013中停止工作
- Javascript和jQuery在Grails应用程序中停止工作
- Javascript在此代码之后停止工作
- 为什么我的 javascript else 语句停止工作
- visualstudio2013更新4-javascript highlithning停止工作
- 添加第二个参数时,Javascript函数将停止工作
- Javascript在刷新后停止工作
- wordpress 4.1 javascript停止工作
- 一个Javascript函数中的错误导致其他函数停止工作
- JSF richfaces 会导致 JavaScript 停止工作
- Rails 3.2.3 JavaScript 突然停止工作
- JQuery 函数突然停止工作,转换 Javascript 参数时出错
- 停止工作javascript语法高亮在vs2013