Jquery UI选项卡不会出现

Question

Jquery UI选项卡不会出现

所以我在使用Jquery UI的标签UI时遇到了麻烦.我看起来很多论坛,但没有找到为什么我的标签不出现.我的CSS看起来很好,链接牵引jquery ui脚本正在工作.

这是我的代码:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Home Page - My ASP.NET MVC Application</title>
        <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <link type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css" rel="stylesheet" />

    </head>
    <body class="body">
<script type="text/javascript">
    $(function () {
        $("#tabs").tabs();
    });
    </script>

<div id="tabs">
    <ul>
            <li><a href="#tabs-1">Ce soir</a></li>
            <li><a href="#tabs-2">France 1</a></li>
            <li><a href="#tabs-3">France 0</a></li>
            <li><a href="#tabs-4">France 4</a></li>
            <li><a href="#tabs-5">France 3</a></li>
            <li><a href="#tabs-6">France 2</a></li>
            <li><a href="#tabs-7">TF1</a></li>
    </ul>
    <div id="tabs-1">page 0</div>
    <div id="tabs-2">page 1</div>
    <div id="tabs-3">page 2</div>
    <div id="tabs-4">page 3</div>
    <div id="tabs-5">page 4</div>
    <div id="tabs-6">page 5</div>
    <div id="tabs-7">page 6</div>
</div>
        <footer>

        </footer>

         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>


    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

任何想法都错了？

非常感谢.

纪尧姆

Answer 1

BLS*_*lly 5

您需要在包含之后放置脚本块

工作小提琴:http://jsfiddle.net/BLSully/4ZJns/

原因:$未在您的页面中定义脚本块当前.另一个选择是将你的包括在顶部附近或在<head>....但接近结尾应理论上改善JS重页中的页面加载时间

归档时间：	13 年，1 月前
查看次数：	586 次
最近记录：	13 年，1 月前