0

我在hoverIntent上玩得很开心。我不断弹出“错误:对象不支持此属性或方法”。如果我将 .hoverIntent 更改为 .hover,它会“工作”。我已经尝试过常规文件和缩小文件,但都不起作用。我从这里下载了它们

我在页面上只有 2 个脚本。(这是我正在尝试执行此操作的 MVC 母版页)

<script src="/Scripts/jquery-1.3.2.js"></script>
<script src="/Scripts/jquery.hoverIntent.js"></script>

<script type="text/javascript">


        $(document).ready(function() {
        $("#mailImage").hoverIntent(showMailHover, hideMailHover);
        });

            function showMailHover() {
                alert('Hover');
            }

            function hideMailHover() {
                alert('Leave');
            }

</script>

这是我的导航项目的样子,我正在尝试将其附加到。

<ul>
   <li id="mailImage">
    <img style="padding-top: 10px;" align="left" height="24" width="24" src="/content/images/icons/envelope.png" />
   </li>

...
</ul>

理想情况下,我正在尝试创建一个下拉导航。但是,我无法让 hoverIntent 进行最基本的测试以继续进行。关于为什么这不起作用的任何想法?

4

4 回答 4

1

它看起来是正确的,这会让我猜测你的jquery.hoverIntent.js拼写或位置有错别字......

于 2009-11-19T20:11:24.773 回答
1

你的语法检查出来了——我刚刚下载了插件,并用你的脚本和 HTML 创建了一个快速的本地测试——所以问题出在你的 JS 文件引用上。我建议使用 FireBug 的“脚本”选项卡来确保两个脚本都被正确引用和加载。

于 2009-11-19T20:15:55.887 回答
1

如果添加 ul 前缀会怎样?

IE:

<ul id="ulID">
  <li id="mailimage" ...

然后

$("#ulID li").hoverintent(...
于 2009-11-19T20:17:54.497 回答
0

好的,我尝试了另一个母版页,它工作正常。所以我四处挖掘,发现我们使用的滑块控件在控件中引用了 jquery 文件。这意味着该页面有 2 个对同一个 js 文件的引用。我删除了第二个参考,一切都很好。

感谢所有提供帮助的人。

于 2009-11-19T20:46:17.980 回答