2011-01-07 3 views
0

아래 코드를 가지고 있으며 내 인생에서 왜 작동하지 않는지 알 수 없습니다. 어떤 도움이라도 대단히 감사하겠습니다. 감사합니다슬라이드 토글이 테이블 내부에서 작동하지 않습니다.

<!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=iso-8859-1" /> 
<title>Simple Tabs with CSS &amp; jQuery</title> 
<style type="text/css"> 
body { 
margin:1em; 
padding:0; 
height:100%; 
background-color:#cbcbcb; 
color:#000000; 
text-align:center; 
font-family:Arial, Helvetica, sans-serif; 
border-style: thin; 
} 

h1 {font-size: 3em; margin: 20px 0;} 
.hidden{ 
background-color:gray; 
width:120px; 
text-decoration:none; 
font-size:x-large; 
color:black; 
display:none; 
border:thin; 
border-bottom-color:gray; 
} 

<script type="text/javascript"> 

$(document).ready(function() { 
$("#button").click(function() { 
$(".hidden").slideToggle(200); 
}); 
<body> 
<div class="hidden">woot</div> 
<table style="width: 100%" cellspacing="1" class="style1"> 
<tr> 
    <td class="style1">Username</td> 
    <td class="style1">Last Name</td> 
    <td class="style1">First Name</td> 
    <td class="style1">MI</td> 
    <td class="style1">Address</td> 
    <td class="style1">Email</td> 
    <td class="style1">Age</td> 
    <td class="style2"><p id="button"><a href="#">Toggle</a></p>&nbsp;</td> 
</tr> 
</table> 
</body> 
+0

포함되지 않습니다

  • ..., 인터 웹을 통해 당신의 마음을 읽을 수없는 사람들 사용의 사람들을 계몽하십시오? – Bojangles

  • 답변

    1

    당신은 폐쇄 });와 닫는 </script></style> 태그를 놓치고있어.

    $(document).ready(function() { 
        $("#button").click(function() { 
         $(".hidden").slideToggle(200); 
        }); 
    }); 
    

    적절한 들여 쓰기가 많이 나타납니다. : O)

    +0

    +1 그저 나를 때려 눕힐뿐 아니라,'head','style' 및'script' 태그가 닫히지 않아 아마 일을 망칠 수도 있습니다. –

    +0

    @Jonathan : 그래, 그냥 그걸 알아 차렸다. : o) – user113716

    +0

    아! 이상하게 여겨지지 않습니다. 감사! :) – corybranan

    0

    당신은 }); 자바 스크립트를 폐쇄 놓치고있어,으로 업데이트 :

    $(document).ready(function() { 
        $("#button").click(function() { 
         $(".hidden").slideToggle(200); 
        }); 
    }); 
    

    정확히 무슨 뜻 이죠, 바이올린 작동하지 http://jsfiddle.net/rKYSB/

    2

    근무? 이것이 귀하의 페이지에 대한 전체 코드입니까?

    그렇다면 :

    스크립트 태그가 닫혀 있지
    • 머리 태그가 닫혀 있지
    • 당신은 폐쇄} 누락); 당신은 그것에 대해 작동하지 않습니다 무엇 jQuery를 스크립트
    +0

    +1 jQuery가 완전히 참조되지 않았다. –

    +0

    +1 jQueryUI가 필요 없을지라도 나는 그것을 놓쳤다. – user113716

    +1

    아, 습관의 힘. 나는 갱신 할 것이다. – Paul

    관련 문제