0

我编写了下面的代码,其中我将 ZURB Foundation.min.js 和 jquery.1.7.1.min.js 一起使用。但是,如果我使用 jquery.1.7.1.min.js 并且如果我同时使用我的图像滑块,我的 ZURB 框架的下拉菜单不起作用。我认为这两者是冲突的,但我可能没有按正确的顺序称呼它们。我该如何解决这个问题?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width">
        <title>Untitled Document</title>
        <link rel="stylesheet" href="css/foundation.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/custom.modernizr.js"></script>
        <script type="text/javascript" src="files/jquery-1.7.1.min.js" language="javascript"></script>
        <link href="files/banner.css" rel="stylesheet" type="text/css" media="All">
        <script type="text/javascript" src="files/tooltip.js" language="javascript"></script>
        <script type="text/javascript" src="files/jquery-effects-core-slide.js" language="javascript">
        </script>
        <script type="text/javascript" src="files/jquery-ui-core-widget-mouse.js" language="javascript"></script>
        <script type="text/javascript" src="files/jquery-ui-slider.js" language="javascript"></script>
        <script type="text/javascript" src="files/banner.js" language="javascript"></script>
        <link type="text/css" rel="stylesheet" href="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/style.css"><script type="text/javascript" charset="utf-8" src="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/page_context.js"></script>
    </head>
    <body>
        <div class="header_container">
            <div class="row">
                <?php include"header.php" ?>
            </div>
            <div class="nav_container">
                <div class="row">
                    <?php include"menu.php" ?>
                </div>
            </div>
        </div>
        <div class="row">
            <?php include"banner.php" ?>
        </div>
        <div class="row" style="padding-top:20px;">
            <?php include"homepage.php" ?>
        </div>
        <div class="row" style="padding-top:20px;">
            <?php include"footers.php" ?>
        </div>
        <script src="js/foundation.min.js"></script>
        <script>
            $(document).foundation();
        </script>
    </body>
</html>
4

0 回答 0