Jquery 图像悬停效果错误
Jquery Image hover effect Error
>我检查了S.O的这个链接:像谷歌图片这样的流行图片
并尝试设置图像悬停效果。
当我在这里测试它时,一切正常
// ibox image zoomer plugin // roXon
(function($) {
$.fn.ibox = function() {
// set zoom ratio //
resize = 20;
////////////////////
var img = this;
img.parent().append('<div id="ibox" />');
var ibox = $('#ibox');
var elX = 0;
var elY = 0;
img.each(function() {
var el = $(this);
el.mouseenter(function() {
ibox.html('');
var elH = el.height();
elX = el.position().left - 6; // 6 = CSS#ibox padding+border
elY = el.position().top - 6;
var h = el.height();
var w = el.width();
var wh;
checkwh = (h < w) ? (wh = (w / h * resize) / 2) : (wh = (w * resize / h) / 2);
$(this).clone().prependTo(ibox);
ibox.css({
top: elY + 'px',
left: elX + 'px'
});
ibox.stop().fadeTo(200, 1, function() {
$(this).animate({top: '-='+(resize/2), left:'-='+wh},400).children('img').animate({height:'+='+resize},400);
});
});
ibox.mouseleave(function() {
ibox.html('').hide();
});
});
};
})(jQuery);
$(document).ready(function() {
$('.item').ibox();
});
但是当我将其添加到我的网站时,出现以下错误
Uncaught TypeError: Property '$' of object [object Window] is not a function
$('.hovermore').ibox();
我想这是因为网站中的其他jquery效果。
有什么办法可以解决这个问题吗?
请尝试
jQuery(document).ready(function($) {
$('.item').ibox();
});
或
jQuery(document).ready(function() {
jQuery('.item').ibox();
});
那是因为你忘了加载jQuery:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
在调用 $('.hovermore').ibox();
之前,您是否在页面上包含 jQuery?
另外,我认为这无关紧要,但也要确保您使用的是最新版本的jQuery。
你能发布一个指向它不起作用的页面的链接,以便我们可以看到所有代码吗?
你忘了包含 jQuery 库。
访问此演示,转到保存 -> 下载并查看下载的文件。
http://jsbin.com/ifefop/edit#javascript,html,live
您的文档应包含:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
如果将脚本放在外部文件中:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/ibox.js"></script>
尝试从以下方面开始代码:
jQuery(document).ready(function ($) {
相关文章:
- 悬停时IE 8中的脚本错误
- 悬停快速幻灯片错误
- 火狐错误 - 悬停时选项消失
- Jquery 图像悬停效果错误
- jQuery错误地导致悬停
- JQuery - 不要在按钮成功/错误时添加悬停类
- Jquery滑动悬停功能显示.stop错误(但仍然有效)
- IE8 JavaScript 错误鼠标悬停错误
- 反向悬停 DIVS 时显示错误背景图像的函数
- 在 js 中将鼠标悬停会引发未定义的错误
- 悬停时转换的角度自定义指令显示错误
- 在悬停函数jquery中调用ajax函数后出现错误
- jQuery悬停函数IE错误
- 在Linux上的home上触发错误的鼠标悬停事件
- Jquery/JS css动画在悬停时工作错误
- Fullcalendar插件在悬停时出现Javascript错误
- x/y轴的倍数和鼠标悬停示例-行路径显示错误的值
- jQuery/Foundation:未捕获类型错误:对象#<对象>没有方法'悬停'
- Ajax重新加载数据聊天.js显示错误的鼠标悬停在图形上
- Javascript鼠标悬停元素闪烁;未捕获的类型错误