2012-05-15 62 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