Почему js скрипт работает только внутри тела страницы?
Почему данная js функция работает только, если её вставить непосредственно в тело страницы?
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
Если разместить ее в хедере или в отдельном файле она не отрабатывает.
Подскажите, пожалуйста, причину.
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
<script type="text/javascript">
(function () {
$ (document.body).mousemove (function (e) {
var sw = document.body.scrollWidth
var iw = $ ('#diagram img').width ()
var x = e.clientX
var overflow = (iw - sw) / 2 * 1.25
var mv = (((sw/2) - x) / sw * 2) * overflow
$ ('#diagram').css ({left: (overflow > 0)? (mv + 'px') : 0 })
})
}) ()
</script>
(function () {
$ (document.body).mousemove (function (e) {
var sw = document.body.scrollWidth
var iw = $ ('#diagram img').width ()
var x = e.clientX
var overflow = (iw - sw) / 2 * 1.25
var mv = (((sw/2) - x) / sw * 2) * overflow
$ ('#diagram').css ({left: (overflow > 0)? (mv + 'px') : 0 })
})
}) ()
</script>
Если разместить ее в хедере или в отдельном файле она не отрабатывает.
Подскажите, пожалуйста, причину.
1 ответов
<script type="text/javascript">
(function () {
$(function() {
$ (document.body).mousemove (function (e) {
var sw = document.body.scrollWidth
var iw = $ ('#diagram img').width ()
var x = e.clientX
var overflow = (iw - sw) / 2 * 1.25
var mv = (((sw/2) - x) / sw * 2) * overflow
$ ('#diagram').css ({left: (overflow > 0)? (mv + 'px') : 0 })
})
});
}) ()
</script>
(function () {
$(function() {
$ (document.body).mousemove (function (e) {
var sw = document.body.scrollWidth
var iw = $ ('#diagram img').width ()
var x = e.clientX
var overflow = (iw - sw) / 2 * 1.25
var mv = (((sw/2) - x) / sw * 2) * overflow
$ ('#diagram').css ({left: (overflow > 0)? (mv + 'px') : 0 })
})
});
}) ()
</script>
походу просто скопировал сам не зная -
}) ()
означает немедленное выполнение функции
таким образом твоя функция не срабатывает
правильнее
$(function() {
код
});
или же передавать jQ как параметр
(function ($) {
код
}) ($);