fadeTo() 不工作答案

【问题标题】：fadeTo() not workingfadeTo() 不工作
【发布时间】：2019-08-26 14:38:15
【问题描述】：

我在 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>

【问题讨论】：

看起来不错 jsfiddle.net/arunpjohny/s5aqo31h/1 - 尝试使用 jQuery 事件处理程序而不是内联处理程序

标签： javascript jquery fadeto

【解决方案1】：

您的代码是正确的。我认为找不到 PHP 文件。我已经替换了 PHP 包含文件（示例 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>

【讨论】：

【解决方案2】：

您的代码有效：在此处运行。点击 + ，它会淡入“订阅”这个词。

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)

【讨论】：

【解决方案3】：

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

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

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

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

【讨论】：

他在链接中调用它：onClick="subscribe();"
哦，我没有注意到电话。代码应该可以工作：jsfiddle.net/w3Lr0vgk
谢谢，但你能解释一下为什么它不适用于包含 php 代码吗？包含文件的内容是这样的：pastebin.com/KKpA1jqd
一般来说应该可以。如果在您的情况下它不起作用，您应该尝试链接一个完整的示例。

【解决方案4】：

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

看看这个fiddle

刚刚改了这一行

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

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

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

【讨论】：