2015-09-06 64 views
0

我使用这个jQuery的图腾插件https://github.com/buildinternet/totem更改功能变量的onclick并得到它回到了同一点击

我的代码:

的JavaScript

<script type="text/javascript"> 
     $(function(){ 
      $('#newslistul').totemticker({ 
       row_height : '34px', 
       max_items : 1 
       }); 
     }); 
</script> 

HTML

<!-- Start News Bar --> 
    <section id="news"> 
     <div class="container"> 
      <p>EV.news</p> 
      <div id="newslist"> 
       <ul id="newslistul"> 
        <li><a href="#" title=""><i class="fa fa-angle-right fa-lg" style="margin-right: 4px;"></i> May 25, 2010 Cras sodales augue a nulla tincidunt tincidu sce congue massa enim consequt nonummy</a></li> 
        <li><a href="#" title=""><i class="fa fa-angle-right fa-lg" style="margin-right: 4px;"></i> Apr 25, 2010 Vivamus sollicitudin erat ut turpis convallis eleife</a></li> 
        <li><a href="#" title=""><i class="fa fa-angle-right fa-lg" style="margin-right: 4px;"></i> Sept 25, 2010 Cras sodales augue a nulla tincidunt tincidu sce congue massa enim consequt nonummy</a></li> 
        <li><a href="#" title=""><i class="fa fa-angle-right fa-lg" style="margin-right: 4px;"></i> Sept 25, 2010 Headline lorem ipsum dolor sit amet, consectetur adipiscing elitc vamus id mauris eu mi rutrum tempus</a></li> 
       </ul> 
      </div><!-- /.newslist --> 
      <a href="#" id="news"><i class="fa fa-plus-square" style="position: relative; top: -8px; color: grey;"></i></a> 
     </div><!-- /.container --> 
    </section> 
    <!-- End News Bar --> 

我想要下一个: 当你点击

<a href="#" id="news"><i class="fa fa-plus-square" style="position: relative; top: -8px; color: grey;"></i></a> 

链接,ul列表展开并显示所有4个li。 变量row_height: '34px'max_items:1应将值更改为row_height : '130px'max_items: 4单击链接时href和adn在同一次单击中返回1。

+0

这里是实时预览http://promo-moments.com/ev/ 它在上面。 EV新闻元素。 – bgolubovic

回答

0

为#news编写onClick处理程序使用新的max_items和row_height变量修改$ .omr.totemticker.defaultOptions对象。库初始化时返回$ .omr.totemticker。 这应该对你有帮助。

+0

好的。谢谢。 首先在#news中添加onclick =“”a。 但是如何编写这个脚本代码? – bgolubovic

+0

这样:$(“#target”).click(function(){alert(“Handler for .click()called。”); }); – Tarang

+0

我写: $( “#news”)。单击(函数(){$ .omr.totemticker.defaultOptions({ row_height: '134px', MAX_ITEMS:4 }); }); 在#news a中输入什么onclick =“”? – bgolubovic

相关问题