2015-04-24 4 views
-2

Я новичок в JQuery, и мне интересно, как я ссылаюсь на CDN Google, чтобы разрешить работу моего файла JQuery. Мой скрипт не запущен, потому что он не будет ссылаться на CDN JQuery. Все, что я пытаюсь сделать ниже, - это изменить размер изображения, когда я наводил на него указатель мыши. Это действительно не должно быть слишком сложно, но я не могу понять, как ссылаться на CDN JQuery. Буду признателен за любую оказанную помощь. Благодаря!Как включить JQuery из CDN?

<!DOCTYPE html> 
<html> 
<head> 
<title>Image Resize</title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 

<script> 
var ht = $("img").height(), 
    wd = $("img").width(), 
    mult = 1.5; 

$("img").on('mouseenter', function() { 
    $(this).animate({ 
     height: ht * mult, 
     width: wd * mult 
    }, 500); 
}); 
$("img").on('mouseleave', function() { 
    $(this).animate({ 
     height: ht, 
     width: wd 
    }, 500); 
}) 
</script> 

</head> 


<body> 

<img src="https://cdn1.iconfinder.com/data/icons/yooicons_set01_socialbookmarks/512/social_google_box.png" width="200" height="200" border="5" alt="" style="border-color:red" /> 

</body> 



</html> 
+1

document.ready .. – lifetimes

+1

Вы ссылались, штраф CDN - проблема в том, что ваш код не в document.ready обработчика событий - '$ (функция () {/ * ваш JS-код здесь * /}); ' –

+0

Так что я просто вставляю это прямо перед моей функцией? а затем положить мою функцию внутри нее и закрыть все это с помощью? – hartjacko

ответ

0

Просто поместите ваш Jquery код, чтобы блок, как это -

<script> 
$(document).ready(function() { 
    // Jquery Code here 
}); 

</script> 

Вы должны сделать это, потому что, когда вы используете код, как $("img").height(), вы не хотите, чтобы код Jquery запускаемую перед браузер предоставил тег <img>.

Вы можете прочитать об этом здесь - http://learn.jquery.com/using-jquery-core/document-ready/

+0

Большое вам спасибо. Это тонна смысла. Я очень новичок в этом, и я искренне ценю вашу помощь. – hartjacko