0

Jquery スライダーと jquery UI タブの両方を使用できません。現時点では、スライダーまたはタブのいずれか一方のみが機能しています。Web ページにスクリプトを保持しながら維持する順序はありますか...

<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title> My website</title>
    <!--slylesheet-->
    <link rel="Shortcut Icon" href="images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="reset.css">
    <link rel="stylesheet" type="text/css" href="respon.css">
    <!--flexslider-->

    <link rel="stylesheet" href="flexslider.css" type="text/css" media="screen" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

    <script src="jquery.flexslider-min.js"></script>
    <script src="jquery.flexslider.js"></script>
    <script type="text/javascript">
            $(window).load(function() {
                $('.flexslider').flexslider(){
                  animation: "slide",
                  controlsContainer: ".flexslider-container"
              });
            });

        </script>

        <!--jquery UI tab-->
        <link rel="stylesheet" href="tab.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
    $(function() {
        $( "#tabs" ).tabs();
    });
    </script>

</head>
<body>
    </html>
4

0 に答える 0