javascript动态加载CSS和JS文件

Question

I am using laravel 4 and I have a file style-switcher.js

yepnope([

{load: 'assets/css/style-switcher.css' },
{load: 'assets/lib/colorpicker/css/colorpicker.css'},
{
    load: 'assets/css/colorpicker_hack.css'
},
{
    load: 'assets/lib/cssbeautify/cssbeautify.js'
},
{
    load: 'assets/lib/colorpicker/js/bootstrap-colorpicker.js',

How can I load this css file dynamically? How to include the base path? For header and footer js and css I use

`{{ HTML::script('assets/...`) }}

But can't do the same with this js file

Answer 1

just change the href of the css style tag

<link id="dynamic css" href="/old_css_path">
$('#dynamic_css').attr('href','/new_css_path')

or

if you want to append a new css, without removing other, $('head').append('')

no need to include base path of your website, just make sure you add backslash in starting of ever css path.