Rails-如何重构application.js？

Question

My application.js file is getting messy.

application.js:

//
//= require jquery
//= require jquery_ujs
//= require bootstrap
$(document).ready(function(){
$('#authorinfo').popover();
});
$(document).ready(function(){
$('#publisherinfo').popover();
});
...[and many more similar functions] 
//= require_tree .

view:

<a class="btn inline" href="#" id="authorinfo" rel="popover" data-content="Section...."><i class="icon-question-sign"></i></a>

The bootstrap popover javascript does not seem to work with classes, only id elements and I have also had difficulty moving the javascript out of application.js.

Any ideas on how to refactor?

Answer 1

You can extract code outside appplication.js in separate file. If you use //=require_tree . it will automatically included into page js