Jquery UI 탭이 나타나지 않습니다.

Jquery UI의 탭 UI에 문제가 있습니다. 나는 많은 포럼을 모색하고 있지만 내 탭이 나타나지 않는 이유를 찾지 못했습니다. 내 CSS가 좋아 보인다. 링크가 jquery UI 스크립트가 작동 중이다.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>

잘못 원하든의 어떤 생각 : 여기

내 코드?

고마워요.

기욤

당신은 당신이

근무 바이올린을 포함 후에 스크립트 블록을 둘 필요가

출처

2012-09-25 Guigui

+1 :이 특정 문제는 페이지의 MVC 측면과 아무 상관이 없습니다. – BLSully

: http://jsfiddle.net/BLSully/4ZJns/

이유 : 스크립트 블록이 현재 어디에 $이 페이지에 정의되어 있지 않습니다. 다른 옵션은 상단 또는 <head> 근처에 포함을 넣는 것입니다. 그러나 이론적으로 JS 무거운 페이지의 페이지로드 시간을 늘려야합니다.

출처

2012-09-25 19:58:52 BLSully

.js를로드 한 후 스크립트 블록을 맨 아래로 이동하십시오. 파일.

출처

2012-09-25 20:01:25 Derek

당신이 옳았습니다. 스크립트를 끝내면 저에게 효과적이었습니다. 도와 주셔서 정말로 고맙습니다 – Guigui

Jquery UI 탭이 나타나지 않습니다.

답변

관련 문제