jquery를 처음 사용하고 UI 플러그인을 시험해보고 있습니다. 어떤 이유로이 다음 코드는 작동하지 않습니다. 그 의미에서 탭을 렌더링하지 않고 단지 텍스트 일뿐입니다. 그러나 페이지 소스를 복사하여 HTML 페이지에 붙여 넣은 다음보기 폴더에 넣으면 모든 것이 멋지게 보이므로 모든 js 경로가 양호하다고 가정합니다. 어떤 아이디어?ASP.NET MVC에서 Jquery UI 탭 컨트롤 사용
<!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>
<title>Details</title>
<link href="../../Scripts/themes/base/ui.all.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="../../Scripts/ui/ui.core.js" type="text/javascript"></script>
<script src="../../Scripts/ui/ui.tabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
</head>
<body>
<div>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Text 1</a></li>
<li><a href="#tabs-2">Text 2</a></li>
<li><a href="#tabs-3">Text 3</a></li>
</ul>
<div id="tabs-1">
<div>tab1 content - adsfadfadsf</div>
</div>
<div id="tabs-2">
<div>tab 2 content -adfadfadf </div>
</div>
<div id="tabs-3">
<div>tab 3 content -adfadfadfadf</div>
</div>
</div>
</div>
</body>
</html>
같은 것을 사용, 당신은 귀하의 의견에 그 부분을 구현 상관없이, 당신은을 삽입 할 수 스크립트 참조는 항상 맨 아래에 렌더링됩니다. 페이지 헤더와 CSS 참조에 동일한 기술을 사용했습니다. –
적어도이 게시물과 같은 오래된 게시물을 찾으려면 배지를 받았습니까? 그래도 좋은 의견. :) –