fadeTo() не работает

У меня возникли проблемы с использованием функции fadeTo() в 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(){ 
 
\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 обработчик событий вместо встроенных обработчик –

Вы определяете функцию, но не называя его (EDIT:. Я не заметил вызов в исходном коде Он должен работать: 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();» –

О, я не заметил этого звонка. Код должен работать: http://jsfiddle.net/w3Lr0vgk/ – Danilo

Спасибо, но я могу объяснить, почему он не работал с кодом php include? Содержимое включенного файла: http://pastebin.com/KKpA1jqd –

вас код - это запись. Я думаю, что 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() не работает

ответ

Смежные вопросы