Работает в jsfiddle, но не работает в dreamweaver

0

Я прочитал, что мне нужно вернуть в обработчик событий, чтобы он работал в Dreamweaver от JS Fiddle, я вернул его и я все еще не работаю? Вот демонстрация: http://jsfiddle.net/EfLJJ/6/

Вот мой код JS:

$(document).ready(function() {
$(".list .fs1").bind({
    mouseenter:function(){
        $(".sublist").show();
    },
    mouseleave: function(){
        $(".sublist").hide();
    }
    });
});
  • 2
    Какую версию jQuery вы используете? он загружен?
  • 0
    Проверьте консоль на наличие ошибок.
Показать ещё 3 комментария
Теги:
dreamweaver

4 ответа

0
Лучший ответ

Задача решена! Чтобы запустить его в Dreamweaver, вы должны использовать теги JavaScript Javascript

Javascript:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
        /* Your Code Here */
    </script>
Поделиться
1

Добавьте библиотеку jQuery в свой скрипт.

Поместите этот код в теги <head> вашей страницы:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
Поделиться
  • 0
    Я поместил сценарий в метатеги, это правильно? Если это правильно, это все еще не работает? <head> <meta <script src = "// ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </ script> content = "text / html; charset = utf- 8 "http-equ =" Content-Type "/> <title> Коробка перехода </ title> <style type =" text / css ">
  • 0
    @fudgematico извините, я устала! Я имел в виду внутри тегов head : <head><script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> </ head> `
0

Кроме того, если вы используете jQuery версии 1.7 и выше, я бы рекомендовал вам переключиться с ".bind()" на ".on()", поскольку ".on()" является предпочтительным методом в соответствии с jquery Веб-сайт. Обратите внимание на разницу между ".bind()", ".on()" и ".live()" для получения дополнительной информации здесь. В чем разница между "on" и "live" или "bind"?

Поделиться
  • 0
    Это тоже не работает? Какие-либо предложения? Этот код находится ниже моего кода CSS и находится в <head>? <script src = "// code.jquery.com/jquery-1.10.2.js"> $ (document) .ready (function () {$ (". list .fs1"). on ({mouseenter: function ( ) {$ (". sublist"). show ();}, mouseleave: function () {$ (". sublist"). hide ();}});}); </ Скрипт>
0

В вашем html-коде внутри главы введите эту строку кода, чтобы включить библиотеку jQuery:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

В противном случае он не сможет его использовать.

В jsfiddle это работает по-другому.

Поделиться
  • 0
    Это все еще не работает, я добавил следующее: <script src = "// code.jquery.com/jquery-1.10.2.js"> </ script> <script type = "text / javascript" src = " Transition box.js "> </ script>« Transitionbox.js »использует тот же код, который я разместил вверху.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню