Мой код jquery не анимируется

Im новый для jquery. Но, похоже, это не работает. Я пытаюсь оживить, и я буквально скопировал и вставил код в блокнот и сохранил его как xxx.html, как и вы. Где я получил его от является JQuery сайт здесь - https://api.jqueryui.com/bounce-effect/Мой код jquery не анимируется

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>bounce demo</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <style> 
    #toggle { 
    width: 100px; 
    height: 100px; 
    background: #ccc; 
    } 
    </style> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
</head> 
<body> 
<p>Click anywhere to toggle the box.</p> 
<div id="toggle"></div> 

<script> 
    $(document).click(function() { 
    $("#toggle").toggle("bounce", { times: 3 }, "slow"); 
}); 
</script> 
</body> 
</html>

Он отлично работает на сайте, но когда я запускаю его на хроме Google или оперы, он просто не работает. Он не оживляет. Я не знаю, почему. Может ли кто-нибудь помочь? Благодарю.

источник

2016-08-28 Osarhieme Aghedo

Вопросы, требующие помощи по коду, должны содержать кратчайший код, необходимый для его воспроизведения ** в самом вопросе ** предпочтительно в [Фрагмент стека] (https://blog.stackoverflow.com/2014/09/ введение-работоспособной-на JavaScript CSS-и-HTML-код-фрагменты /). См. Как создать [Минимальный, Полный и Подтверждаемый пример] (http://stackoverflow.com/help/mcve). – andreas

Вы связали библиотеку JQuery в своем HTML-коде? Кроме того, размещение вашего кода поможет любому, кто пытается ответить, очень. – Joseph

Вы должны предоставить минимально необходимый код, чтобы люди могли попытаться помочь, а не делать догадки, включили ли вы jQuery и jQuery UI libs в свой html? также всегда проверяйте консоль (** F12 **) –

Возможно, вы запускаете пример локально на своем компьютере, открыв файл, а не запустив его через веб-сервер.

В примере используется // для загрузки файлов jQuery, что означает, что он следует протоколу, который вы использовали в панели браузера. Например, http:// или https://.

Однако, поскольку вы открыли его локально через file://, он пытается загрузить другие файлы также через file://. У вас нет других файлов локально.

Самый простой способ исправить это вручную обновить пути JQuery и добавить протокол так:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

другой способ, чтобы исправить это без изменения кода, чтобы запустить файл через веб-сервер и запрашивает его через https://xxxxx.xxx или http://xxxxx.xxx

источник

2016-08-28 22:37:09

Мой код jquery не анимируется

ответ

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