我是编程中的菜鸟, 我搜索了一个解决方案,但无济于事, 添加
时,脚本不起作用else
指令。有什么问题?
$(function () {
$(window).scroll(function () {
var popID = "popup1";
var popWidth = "44%";
var popHeight = "30%";
if ($(this).scrollLeft() <= 500) {
$("#container").append('<div id="drawing"></div>');
$("#drawing").css("background-color", "#f04").animate({
top: '84%',
left: '10%'
});
//Fade in the Popup and add close button
$('#' + popID).fadeIn().css({
'width': String(popWidth),
'height': String(popHeight)
}).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');
//Fade in Background
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
$('#fade').css({
'filter': 'alpha(opacity=80)'
}).fadeIn(); //Fade in the fade layer
return false;
};
else if ($(this).scrollLeft() >= 600) {
$('#war').remove()
}
//Close Popups and Fade Layer
$('body').click(function () { //When clicking on the close or fade layer...
$('#fade, a.close').fadeOut(function () {
$('#fade, .popup_block').remove();
}); //fade them both out
return false;
});
});
});
答案 0 :(得分:2)
以下是您的代码的问题
$(function () {
$(window).scroll(function () {
var popID = "popup1";
var popWidth = "44%";
var popHeight = "30%";
if ($(this).scrollLeft() <= 500) {
$("#container").append('<div id="drawing"></div>');
$("#drawing").css("background-color", "#f04").animate({
top: '84%',
left: '10%'
});
//Fade in the Popup and add close button
$('#' + popID).fadeIn().css({
'width': String(popWidth),
'height': String(popHeight)
}).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');
//Fade in Background
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
$('#fade').css({
'filter': 'alpha(opacity=80)'
}).fadeIn(); //Fade in the fade layer
return false;
}
else if ($(this).scrollLeft() >= 600) {
$('#war').remove()
}
如果不允许脚本运行,则在else之前有一个分号。如果您在else-if之前使用分号运行,则会出错。 if-else-if是在编程中构造的,括号定义了每个条件的范围。他们永远不会以分号结束。