2014-10-06 2 views
1

Невозможно получить jquery, чтобы сделать свою магию, на веб-сайте. Я попытался понять это сам, но никуда не денусь. Это всего лишь случай связывания html и css с jquery, но я не могу этого сделать. Помогите оценить.Невозможно связать файл html с jquery

У меня есть следующий код:

<html> 
    <head> 
     <title>Button Magic</title> 
     <link rel='stylesheet' type='text/css' href='stylesheet.css'/> 
     <script type="text/javascript" src="jQuery-1.4.1-min.js"></script> 
    </head> 
    <body> 
    <div><br/><strong>Click Me!</strong></div> 
    </body> 
</html> 

Ниже таблица стилей:

div { 
    height: 60px; 
    width: 100px; 
    border-radius: 5px; 
    background-color: #69D2E7; 
    text-align: center; 
    color: #FFFFFF; 
    font-family: Verdana, Arial, Sans-Serif; 
    opacity: 0.5; 
} 

А вот магия J запрос:

$(document).ready(function(){ 
    $('div').mouseenter(function() { 
     $('div').fadeTo('fast',1); 
    }); 
});  
+3

Является ли исходный файл jQuery в правильном каталоге? Вы ссылались на свой реальный сценарий? Это работает локально? – tymeJV

+2

Это также может быть 'jquery-1.4.1-min.js' вместо' jQuery-1.4.1-min.js'. Тем не менее, это очень старая версия jQuery, вы знаете ... – Regent

+1

Возможно, вы захотите проверить наличие ошибок 404 в консоли вашего браузера. – showdev

ответ

2

Там должно быть проблема с файлов.

Но если ваша цель состоит в том, чтобы сделать непрозрачность затухающей. Попробуйте:

div{ 
    transition: opacity .25s ease; 
    opacity: 0.5; 
} 

div:hover{ 
    opacity: 1; 
} 
0

Это путь в вашем href является prbably неправильно. Это может быть проблема с орфографией или именем файла.

Узнать больше о Absolute and Relative Paths.

Начните путь с:

  • ./ или (no slash) начать в текущем каталоге.
  • /, чтобы начать с корневого каталога (на самом высоком уровне вы можете разместить файлы своего сайта).
  • ../, чтобы начать с родительского каталога (вверх по одному каталогу).

С вашего кода это то, что ваша установка. Я понятия не имею, если ваш файл имеет имя index.html или если он находится в корневом каталоге или нет.

/index.html 
/jQuery-1.4.1-min.js 
/stylesheet.css 

Что здесь работают пути?

  • JQuery-1.4.1-min.js
  • ./jQuery-1.4.1-min.js
  • /jQuery-1.4.1-min.js

Теперь, если вы переместили либо ваш файл index.html, либо файл jQuery-1.4.1-min.js, все не сработает.

/about/index.html 
/jQuery-1.4.1-min.js 
/stylesheet.css 

Что здесь работают пути?

  • ../jQuery-1.4.1-min.js - двигаться вверх и из /about/ и смотреть там
  • /jQuery-1.4.1-min.JS - начало в корне, то есть, первый /

B

/index.html 
/js/jQuery-1.4.1-min.js 
/stylesheet.css 

Что здесь работают пути?

  • JS/JQuery-1.4.1-min.js - начать в текущем каталоге, перейдите в /js/ и посмотреть там
  • /js/jQuery-1.4.1-min.js - начало в корне, то есть, первый /, двигаться в /js/ и посмотреть там

Вы можете перемещаться вверх несколько каталогов с несколькими ../.

C

/path/to/some/folder/index.html 
/js/jQuery-1.4.1-min.js 
/stylesheet.css 

Что здесь работают пути?

  • ../../../../js/jQuery-1.4.1-min.js - двигаться вверх и из /folder/, двигаться вверх и из /some/, двигаться вверх и из /to/ , двигаться вверх и из /path/, начать в текущем каталоге и перейти в /js/ и посмотреть там
  • /js/jQuery-1.4.1-min.js - начало в корне, то есть, первый /, двигаться в /js/ и посмотрите там
Смежные вопросы