Rails 4手风琴问题

时间:2014-11-04 07:00:10

标签: jquery ruby-on-rails jquery-ui

我正在尝试在我的项目中使用手风琴菜单,但我失败了

<li class="accordion">
                            <a href="#"><i class="glyphicon glyphicon-th-list"></i><span> menu name</span></a>
                            <ul class="nav nav-pills nav-stacked">
                                <li><a href="#"> 1</a></li>
                                <li><a href="#"> 2</a></li>
                                <li><a href="#"> 3</a></li>
                                <li><a href="#"> 4</a></li>
                                <li><a href="#"> 5</a></li>
                            </ul>
                        </li>

我所做的是基于Stackoverflow中的答案,但似乎没有工作

1.安装jquery turbolinks它没有工作

  1. 删除了无法使用的turbolink

  2. 添加了从jquery ui网站下载的新jqueryui,但仍无法正常工作

  3. 还有什么我应该尝试使用rails 4中的Accordion菜单吗? 我的申请.js

     //= require jquery
        //= require jquery_ujs
        //= require jquery-ui.js
        //= require bootstrap.js
    

    日志

    Started GET "/assets/jquery-ui.js?body=1" for 127.0.0.1 at 2014-11-04 12:51:07 +0530
    
    
    Started GET "/assets/jquery.js?body=1" for 127.0.0.1 at 2014-11-04 12:51:07 +0530
    
    
    Started GET "/assets/jquery_ujs.js?body=1" for 127.0.0.1 at 2014-11-04 12:51:07 +0530
    
    
    Started GET "/assets/bootstrap.js?body=1" for 127.0.0.1 at 2014-11-04 12:51:07 +0530
    

1 个答案:

答案 0 :(得分:0)

<ul class="nav nav-stacked" id="accordion1">
            **<li class="panel">** 
              <a data-toggle="collapse" data-parent="#accordion1" href="#firstLink">Test12</a>
              <ul id="firstLink" class="collapse panel-collapse in">
                    <li>SubTest1</li>
                    <li>SubTest1</li>
                    <li>SubTest1</li>
                </ul>
            </li>

添加工作