Я использую увеличитель изображения Dynamic Drive Jquery на своей странице http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm.
У меня страница загружена на двух отдельных доменах - HTML-код идентичен и все ссылки (css / js /images) - полные строки http для моего сервера тестирования.Заголовок выглядит так:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slim.bobpitch.com/DS/js/jquery.magnifier.js">
Однако на одном домене страница загружается отлично, но jquery не работает, на другом домене jquery работает, но страницаформатирование повреждено.Ошибка, которую я получаю на первой странице:
Uncaught TypeError: Cannot call method 'magnify' of undefined
, которая относится к этому фрагменту сценария:
jQuery.fn.imageMagnify=function(options){
var $=jQuery
return this.each(function(){ //return jQuery obj
var $imgref=$(this)
if (this.tagName!="IMG")
return true //skip to next matched element
if (parseInt($imgref.css('width'))>0 && parseInt($imgref.css('height'))>0 || options.thumbdimensions){ //if image has explicit width/height attrs defined
jQuery.imageMagnify.magnify($, $imgref, options)
}
else if (this.complete){ //account for IE not firing image.onload
jQuery.imageMagnify.magnify($, $imgref, options)
}
else{
$(this).bind('load', function(){
jQuery.imageMagnify.magnify($, $imgref, options)
})
}
})
Я совершенно сбит с толку, и только энтузиаст CSS Tinkererчто я знаю о java JavaScript может быть написан на обороте очень маленькой вещи.Почему он работает на одном домене, а не на другом?