标签:hover hoverintent javascript jquery
我正在尝试使用hoverIntent插件延迟进度条上的某些动画效果.但是,由于某种原因,hoverIntent似乎根本无法运行.
我的页面标题中包含以下内容(所有路径均已通过验证):
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="campaign-resources/_js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="campaign-resources/_js/jquery.hoverintent.js"></script>
<script type="text/javascript" src="campaign-resources/_js/sitewide.js"></script>
在sitewide.js中,我运行以下命令:
$(".cause-block").hoverIntent(function() {
var originalWidth = $(this).find(".cause-chart-achieved").css("width");
var chartParams = { width: originalWidth };
$(this).find(".cause-chart-achieved").css("width", "0");
$(this).find(".cause-chart-achieved").animate(chartParams, "slow", "easeInOutSine");
});
但是,当我将鼠标悬停在相关的div上时,浏览器中没有任何反应,并且控制台显示以下错误:
“ cfg.over未定义”和“ cfg.out未定义”
我已经使用jQuery的内置“悬停”功能进行了测试,并且效果很好.我还认为这可能与easing插件存在冲突,但是在HTML和JS文件中删除对easing插件的引用后,我仍然遇到相同的问题.最后,为了安全起见,我删除了所有其他自定义JS,但问题仍然存在.
有任何想法吗?谢谢!
解决方法:
hoverIntent需要2个参数,
做
$(".cause-block").hoverIntent(function() {
var originalWidth = $(this).find(".cause-chart-achieved").css("width");
var chartParams = { width: originalWidth };
$(this).find(".cause-chart-achieved").css("width", "0");
$(this).find(".cause-chart-achieved").animate(chartParams, "slow", "easeInOutSine");
},
function(){});
标签:hover,hoverintent,javascript,jquery 来源: https://codeday.me/bug/20191107/2002972.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。