HELLO!" />

Плагин JQuery для анимированного клика

jquery

73 просмотра

4 ответа

2 Репутация автора

Я пытаюсь создать анимированный плагин JQuery для кликов с http://ajarunthomas.com/jquery/animateClick/demo/ Я использовал исходный код на вкладке демо и поместил его в свой HTML-файл, например так

<body>

    <button id="btn2">HELLO!</button>

    <script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>  
    <script type="text/javascript" src="js/animateClick.js"></script>    
    <script>
    $(document).ready(function() 
    {

       $("#btn2").animateClick();
    });
    </script>
 </body>

Затем я взял файл .js со вкладки загрузки и поместил его в папку с моим html-файлом, но он не работает. Я не знаю, что я делаю не так.

Моя цель - просто заставить работать какой-нибудь плагин jQuery в моем html-файле, но ни один из них не сработал, и я сейчас пытаюсь это сделать.

Редактировать: также, если я изменю код внутри функции на $ ("btn2"). Hide (); тогда программа работает просто отлично.

Автор: StackOverflowGuy Источник Размещён: 18.07.2016 02:06

Ответы (4)


0 плюса

11 Репутация автора

Попробуйте вызвать jQuery так:


<script src="https://code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>

Откройте консоль браузера и проверьте ошибки, а затем сообщите о результатах здесь.

Автор: Edvainer Reis Размещён: 18.07.2016 02:13

0 плюса

741 Репутация автора

Если вы используете Chrome, у вас есть доступ к инструментам разработчика (F12). Это кажется трудным в начале, но это очень полезно.

У вас есть вкладка сети, где вы можете увидеть скрипты, используемые вашей страницей. Когда я сталкиваюсь с проблемой css или js, я обычно смотрю на инструменты dev, чтобы узнать, принят ли мой файл js.

Если нет, то, как правило, это проблема пути или синтаксическая ошибка.

Учебное пособие: https://developer.chrome.com/devtools

Я часто использую Chrome, но если вы используете другой навигатор, такой как Mozilla, у вас также есть инструменты разработки (F12).

Автор: Knriano Размещён: 18.07.2016 02:23

0 плюса

11 Репутация автора

Попробуйте открыть консоль браузера (инструменты разработчика, как говорит Knriano), если вы используете Firefox, нажмите Ctrl + Shift + K, чтобы получить к нему доступ.

Автор: Edvainer Reis Размещён: 20.07.2016 12:04

0 плюса

719 Репутация автора

Можете ли вы подтвердить, что у вас есть файл с именем 'jquery-1.12.0.min.js' в папке js. Потому что приведенный выше код работает для меня. Примечание: на сайте присутствует только файл js плагина. Если у вас нет другого файла, включите

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>

вместо

<script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
Автор: Arun Thomas Размещён: 07.08.2016 11:22
Вопросы из категории :
32x32