3

我正在尝试使用 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 的内置“悬停”进行了测试，它工作得很好。我还认为这可能与缓动插件有冲突，但是在删除 HTML 和 JS 文件中对缓动插件的引用后，我仍然遇到同样的问题。最后，为了安全起见，我删除了所有其他自定义 JS，但问题仍然存在。

有任何想法吗？谢谢！

4

1 回答 1

4

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(){});
于 2009-09-02T21:51:04.457 回答