2013-11-15 3 views
1

Visual Studio에서 jquery를 사용하여 아코디언 탭을 만드는 중이며 지금 창은 펼치거나 접히지 않습니다. 나는이 오류를 catch되지 않은 형식 오류를 받고 있어요 : 개체 [개체 개체] 여기 내 html로가있는 방법 '탭' 이다가 없습니다jquery를 사용하여 asp.net의 탭을 사용하여 아코디언 만들기

<section id="Popularquestions"> 
      <h4>Popular Questions</h4> 
     <h5 class="current">1.What are the most common camera ports?</h5> 
     <div class="pane"><p><a href="Knowledgebase/commonports.aspx">Here</a> is a table of the most common camera ports available</p></div> 
     <h5>2.Where can I see a list of vendors and their MAC addresses?</h5> 
     <div class="pane"><p></p></div> 
     <h5>3.Where can I see a list of makes and models?</h5> 
     <div class="pane"><p></p></div> 
     <h5>4.Where can I see a list of usernames and passwords?</h5> 
     <div class="pane"><p></p></div> 
     <h5>5.Where can I see a list of available apps?</h5> 
     <div class="pane"><p></p></div> 

JQuery와

<script src="assets/jquery.js"></script> 
    <script> 
     $("#accordion").tabs(
    "#accordion div.pane", 
    { tabs: 'h2', effect: 'slide', initialIndex: null } 
); 
    </script> 

과 CSS

#accordion { 
    background:#333 url(/media/img/gradient/h300.png) 0 0; 
    width: 300px; 
    border:1px solid #333; 
    -background:#666; 
    margin: 0 auto; 
} 

/* accordion header */ 
#accordion h2 { 
    background:#ccc url(/media/img/gradient/h30.png); 
    line-height: 14px; 
    margin:0; 
    padding:5px 15px; 
    font-size:14px; 
    font-weight:normal; 
    border:1px solid #fff; 
    border-bottom:1px solid #ddd; 
    cursor:pointer; 
} 

/* currently active header */ 
#accordion h2.current { 
    cursor:default; 
    background-color:#fff; 
} 

/* accordion pane */ 
#accordion .pane { 
    border:1px solid #fff; 
    border-width:0 2px; 
    display:none; 
    height:180px; 
    padding:15px; 
    color:#fff; 
    font-size:12px; 
} 

/* a title inside pane */ 
#accordion .pane h3 { 
    font-weight:normal; 
    margin:0; 
    font-size:16px; 
    color:#999; 
} 
+0

id가 'accordion'인 div는 어디에 있습니까? – jeff

+0

intellisense가 메서드의 .tabs 부분을 인식하지 못해서 거기에 뭔가 빠졌습니까? – Ronan

+0

난 그냥 CSS와는 별 차이가 없다고 덧붙였다, 동일한 오류가있다 – Ronan

답변

1

다음과 같이 시도하십시오 :

<script> 
$(function() { 

$("#accordion").tabs(
    "#accordion div.pane", 
    { tabs: 'h2', effect: 'slide', initialIndex: null } 

}); 
</script> 
관련 문제