ruby on rails - Javascript works directly from view, but not when included in asset pipeline -
what missing javascript working via asset pipeline?
when try using jquery chained work through assets, doesn't work properly, when put javascript function directly view works perfectly.
i've got the jquery-rails , coffee-rails gems installed. saved jquery.chained.mini.js code vendor\assets\javascript\jquery.chained.mini.js.
i updated application.js include plugin.
i included
$("#series").chained "#mark" script block app\assets\javascript\vehicle.js.coffee file.
when view loads, following listed under head-
<head> . edited brevity . . <script src="/assets/jquery.js?body=1" type="text/javascript"></script> <script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script> <script src="/assets/equipment.js?body=1" type="text/javascript"></script> <script src="/assets/sessions.js?body=1" type="text/javascript"></script> <script src="/assets/static_pages.js?body=1" type="text/javascript"></script> <script src="/assets/users.js?body=1" type="text/javascript"></script> <script src="/assets/vehicles.js?body=1" type="text/javascript"></script> <script src="/assets/jquery.chained.mini.js?body=1" type="text/javascript"></script> <script src="/assets/application.js?body=1" type="text/javascript"></script> . . . </head> the jquery plugin there, vehicles.js page. source vehicle.js comes out follows-
(function() { $("#series").chained("#mark"); }).call(this); this should make drop down lists in edit view depend on each other. however, options available no matter in second drop down box.
if put script directly view though, show below, works perfectly.
edit.html.erb
<!doctype html> <html> <head> <link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" /> <link href="/assets/custom.css?body=1" media="all" rel="stylesheet" type="text/css" /> <link href="/assets/equipment.css?body=1" media="all" rel="stylesheet" type="text/css" /> <link href="/assets/sessions.css?body=1" media="all" rel="stylesheet" type="text/css" /> <link href="/assets/static_pages.css?body=1" media="all" rel="stylesheet" type="text/css" /> <link href="/assets/users.css?body=1" media="all" rel="stylesheet" type="text/css" /> <link href="/assets/vehicles.css?body=1" media="all" rel="stylesheet" type="text/css" /> <script src="/assets/jquery.js?body=1" type="text/javascript"></script> <script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script> <script src="/assets/equipment.js?body=1" type="text/javascript"></script> <script src="/assets/sessions.js?body=1" type="text/javascript"></script> <script src="/assets/static_pages.js?body=1" type="text/javascript"></script> <script src="/assets/users.js?body=1" type="text/javascript"></script> <script src="/assets/vehicles.js?body=1" type="text/javascript"></script> <script src="/assets/jquery.chained.mini.js?body=1" type="text/javascript"></script> <script src="/assets/application.js?body=1" type="text/javascript"></script> <meta content="authenticity_token" name="csrf-param" /> <meta content="pjnmewkx/ap2mqihusicu0ryh+c6or8vovb9j2q9ptu=" name="csrf-token" /> <!--[if lt ie 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <div> <select id="mark" class="span2"> <option value="">--</option> <option value="bmw">bmw</option> <option value="audi">audi</option></select> <select id="series" class="span2"><option value="">--</option> <option value="series-3" class="bmw">3 series</option> <option value="series-5" class="bmw">5 series</option> <option value="series-6" class="bmw">6 series</option> <option value="a3" class="audi">a3</option> <option value="a4" class="audi">a4</option> <option value="a5" class="audi">a5</option> </select> <script type="text/javascript" charset="utf-8"> $(function(){$("#series").chained("#mark"); }); </script> </div> </div> </body> </html> can explain why code isnt working on assett pipeline when put view direct?
try precompiling assets:
bundle exec rake assets:precompile
http://guides.rubyonrails.org/asset_pipeline.html
and restarting rails.
Comments
Post a Comment