Question

我想制作音乐博客，并在导航栏中嵌入音乐播放器。目前我在rails中这样做，我知道我可以使用JQuery来实现这一目标。不幸的是我的植入是不对的。请让我知道我做错了什么。我添加了我的应用程序和头文件。

application.html.erb

<!DOCTYPE html>

 <title><%=full_title(yield(:title)) %></title>
    <%= stylesheet_link_tag    'application', media: 'all',
                                          'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application' ,  'data-turbolinks-track' => true  %>

<script> src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js">      
</script>
   <%= csrf_meta_tags %>

<script>
      $(document).ready(function(){
     $('#content').load('home.html.erb');
     $('a').on('click', function(){
     var page = $(this).attr('href');
     $("#content") .load('static_pages/' + page + '.html');
    return false;
      });
     });


  </script>

   <%= render 'layouts/shim' %>


    </head>

    <body>


   <%= render 'layouts/header' %>
  <div class= "container">

  </div>
  <% if notice %>
   <p class="alert alert-success"><%= notice %></p>
  <% end %>
  <% if alert %>
  <p class="alert alert-danger"><%= alert %></p>

  <% end %>
  <% if alert %>
  <p class="alert alert-danger"><%= alert %></p>
 <% end %>
  <%= yield %>
 <p class="notice"><%= notice %></p>
<p class="alert"><%= alert %></p>

</body>

</html>

header.html.erb

  <div id = "navbar">
  <ul id = "menu-nav">


  <li class = "nav-item"> <a href= "home"  > <i class="fa fa home">   </i> Home </a> </li>
 <li class = "nav-item"> <a href= "#"> <i class="fa fa-music"></i>  Music </a> </li>

 <li class = "nav-item"> <a href= "about" >  <i class="fa fa-thumbs-up"></i>   Artist Discovery </a> </li>

 <li class = "nav-item"> <a href= "#"> <i class="fa fa-paper-plane"></i>  News </a> </li>

  <li class = "nav-item"> <a href= "#"> <i class="fa fa-heart"></i>  Alex! </a> </li>
</ul>
</div>

如何让Soundcloud播放器使用jQuery在页面加载中不间断地播放？

0 个答案: