Question

我在jQuery中使用fadeTo（）函数时遇到了麻烦。这一切都在我开始工作，但它现在停止工作由于一些不明原因。在这里，我向您展示网页代码。如果你能帮助我，我将不胜感激。

<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/subscribe.css" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script>
$(document).ready(function(){
subscribe = function(){
	$('#subscribe').fadeTo(500,1);
};
});
</script>
</head>

<body style="background:#fff;">
<a href="#" id="plus" onClick="subscribe();">+</a>
<div id="subscribe" style="opacity:0;"><?php include('subscribe.php'); ?></div>
<!--<video id="bgvid" width="100%" height="100%" style="position:absolute;opacity:1;" autoplay loop muted>
<source src="css/7dayz.mp4" type="video/mp4"></video>-->
<div id="wrapper_main" style="opacity:1;">
	<div id="center_main">
		<p><a href="#">LOOK</a></p>
		<p><a href="#">SHOP</a></p>
		<p><a href="#">JOURNAL</a></p>
	</div>	
</div>

</body>
</html>

Answer 1

你是代码写的。我认为没有找到php文件。我已经取代了php include文件（Sample Php文件）

<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/subscribe.css" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script>
$(document).ready(function(){
subscribe = function(){
    $('#subscribe').fadeTo(500,1);
};
});
</script>
</head>

<body style="background:#fff;">
<a href="#" id="plus" onClick="subscribe();">+</a>
<div id="subscribe" style="opacity:0;">Sample Php file </div>
<!--<video id="bgvid" width="100%" height="100%" style="position:absolute;opacity:1;" autoplay loop muted>
<source src="css/7dayz.mp4" type="video/mp4"></video>-->
<div id="wrapper_main" style="opacity:1;">
    <div id="center_main">
        <p><a href="#">LOOK</a></p>
        <p><a href="#">SHOP</a></p>
        <p><a href="#">JOURNAL</a></p>
    </div>  
</div>

</body>
</html>

Answer 2

您正在定义一个函数但没有调用它（编辑：我没有注意到原始代码中的调用。它应该可以工作：http://jsfiddle.net/w3Lr0vgk/）。如果要在页面加载时使用fadeTo，只需删除函数：

$(document).ready(function(){
    $('#subscribe').fadeTo(500,1);
});

如果您想在代码的另一个点触发fadeTo，只需调用您定义的函数：

$(document).ready(function(){
    subscribe = function(){
        $('#subscribe').fadeTo(500,1);
    };
    subscribe();
});

Answer 3

您的代码有效：在此处运行。单击+，它将淡入“SUBSCRIBE”一词。

subscribe = function(){
	$('#subscribe').fadeTo(500,1);
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="plus" onClick="subscribe();">+</a>
<div id="subscribe" style="opacity:0;">SUBSCRIBE</div>

<div id="wrapper_main" style="opacity:1;">
	<div id="center_main">
		<p><a href="#">LOOK</a></p>
		<p><a href="#">SHOP</a></p>
		<p><a href="#">JOURNAL</a></p>
	</div>	
</div>

注意：您可以使用.fadeIn（）代替.fadeTo（500,1）

试试这个：

（HTML）

<a href="#" id="plus">+</a>

（JS）

subscribe = function(){
        $('#subscribe').fadeIn();
    };

$("a#plus").click(subscribe)

Answer 4

您的代码运行正常。也许你有一些问题，包括你的php文件。

看看这个fiddle

刚刚改变了这一行

<div id="subscribe" style="opacity:0;">asdasdasdasd</div>

您可以尝试的另一件事是（我不认为这是问题，但我不知道您正在测试的浏览器）：

<a href="javascript:void(0)" id="plus" onClick="subscribe();">+</a>

fadeTo（）无效

4 个答案: