fadeTo（）不起作用

我在使用jQuery中的fadeTo（）函數時遇到了麻煩。這一切都在我開始工作，但它現在停止工作，原因不明。在這裏，我介紹你的網頁代碼。如果你能幫助我，我將不勝感激。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(){ 
 
\t $('#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;"> 
 
\t <div id="center_main"> 
 
\t \t <p><a href="#">LOOK</a></p> 
 
\t \t <p><a href="#">SHOP</a></p> 
 
\t \t <p><a href="#">JOURNAL</a></p> 
 
\t </div> \t 
 
</div> 
 

 
</body> 
 
</html>

來源

2015-02-10 Máčaj Jakub

看起來不錯http://jsfiddle.net/arunpjohny/s5aqo31h/1/ - 嘗試使用jQuery的事件處理程序，而不是內嵌處理器 – 2015-02-10 11:01:37

你要定義一個函數而不是調用它（編輯：我沒有注意到你的原代碼調用它應該工作：http://jsfiddle.net/w3Lr0vgk/）。如果要觸發fadeTo在你的代碼的另一點

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

，只需調用函數的定義：如果你想在頁面加載使用fadeTo只需刪除功能

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

來源

2015-02-10 11:05:35 Danilo

他稱這是在鏈接：的onClick =「SUBSCR IBE（）;」 – 2015-02-10 11:06:09

哦，我沒有注意到這個電話。該代碼應該工作：http://jsfiddle.net/w3Lr0vgk/ – Danilo 2015-02-10 11:09:49

謝謝，但你可以解釋我爲什麼沒有與包含PHP代碼？包含文件的內容是這樣的：http://pastebin.com/KKpA1jqd – 2015-02-10 13:32:38

你代碼是寫的。我認爲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>

來源

2015-02-10 11:08:12 Angu

你的代碼的工作：在這裏運行。單擊+，它消失在單詞「訂閱」

subscribe = function(){ 
 
\t $('#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;"> 
 
\t <div id="center_main"> 
 
\t \t <p><a href="#">LOOK</a></p> 
 
\t \t <p><a href="#">SHOP</a></p> 
 
\t \t <p><a href="#">JOURNAL</a></p> 
 
\t </div> \t 
 
</div>

注意：您可以使用.fadeIn（）而不是.fadeTo（500,1）

試試這個：

（HTML）

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

（JS）

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

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

來源

2015-02-10 11:08:34

您的代碼工作正常。也許你有一些問題，包括你的PHP文件。

看這個fiddle

只是改變了這一行

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

你可以試試另一件事情是（我不認爲這是問題，但我不知道你要測試的瀏覽器）：

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

來源

2015-02-10 11:14:19 nanndoj

fadeTo（）不起作用

回答

相關問題