Question

我遇到方向感知的降落效果问题。在测试页面上工作正常，但是当我将拇指嵌入大网站时无效。请协助！你可以在http://www.psyhealth.ro/test/index.html查看。我已经从发布在http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/

上的代码开始了

下面你可以看到我的实际代码：

<link rel="stylesheet" type="text/css" href="css/patratele.css" />
    <script src="js/modernizr.custom.97074.js"></script>
    <noscript><link rel="stylesheet" type="text/css" href="css/noJS.css"/></noscript>
</head>
<body>
                        <ul id="da-thumbs" class="da-thumbs">
                <li>
                    <a href="#">
                        <img src="images/7.jpg" />
                        <div><span>text 1</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/9.jpg" />
                    <div><span>text 2</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/10.jpg" />
                    <div><span>text 3</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/11.jpg" />
                    <div><span>text 4</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/12.jpg" />
                    <div><span>text 5</span></div>
                    </a>
                </li>
                <li>
                    <a href="h#">
                        <img src="images/1.jpg" />
                    <div><span>text 6</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/2.jpg" />
                    <div><span>text 7</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/3.jpg" />
                    <div><span>text 8</span></div>
                    </a>
                </li>

            </ul>

    </div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.hoverdir.js"></script>    
    <script type="text/javascript">
        $(function() {

            $(' #da-thumbs > li ').each( function() { $(this).hoverdir({
                hoverDelay : 75
            }); } );

        });
    </script>

相同的代码在独立页面中运行良好，但在大型站点中它不起作用。

Answer 1

尝试

您使用的是fancybox的许多版本以及jQuery库的2个版本。只使用一个版本。

jquery.hoverdir.js没有加载

1 个答案: