2012-05-15 135 views
0

我想使用Ariel Flesler的jquery scrollTo插件進行水平滾動,但無法獲得滾動工作(插件和jquery包含在頭部)。這裏的培訓相關HTML:jquery插件scrollTo不工作

<div id="main-content"> 
    <div id="quiz-wrapper"> 

    <div class="quiz" id="question-first"> 
     <h5 class="quiz-question">What is the capital of X?</h5> 
     <div class="quiz-answer"><a 
      title="$(...).scrollTo('#share-first', 800);" href="#">Answer</a> 
     </div> 
    </div> 

    <div class="quiz" id="share-first"> 
     <div class="points-message"> 
     <h3>+75 for every Tweet and Like</h3> 
     </div>     
    </div> 
    </div> 
</div> 

相關的造型:

div#main-content { 
    width: 570px; 
} 

div#quiz-wrapper { 
    width: 3000px; 
    overflow: hidden; 
} 

div.quiz { 
    width: 520px; 
    margin-left: 100px; 
    float: left; 
} 

這裏的鏈接到插件:http://flesler.blogspot.com/2007/10/jqueryscrollto.html。任何想法scrollTo調用有什麼問題?

+1

您是否收到javascript錯誤? 「不工作」是什麼意思? '$(...)'你的字面jQuery選擇器?我從來沒有見過'title'屬性中包含javascript。如果您想知道它正在發射,請在此處註明警報。 – veeTrain

+0

啊,愚蠢的錯誤...感謝您指出標題說明 - 切換到onclick,它開始滾動。謝謝,丹尼爾; – Dan

+0

謝謝,丹尼爾;很高興我可以幫助 – veeTrain

回答

0

您試圖將javascripting應用於title屬性。您可能打算將其應用於onclick屬性。

+0

屬性* not *元素。 – Jamiec

+0

@Jamiec;謝謝!更新 – veeTrain