javascript - unterminated string literal error

Question

I have placed the below code inside of the tag.

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('head').append('<script type="text/javascript" src="../wp-includes/js/thickbox.js"></script>');    
    });
</script>

I got an error of "unterminated string literal".

Answer 1

The problem is coming from the fact that your code includes </script> in it. This is causing the browser to think that you're terminating your <script> tag early. If you change your code to the following, it will work:

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('head').append('<script type="text/javascript" src="../wp-includes/js/thickbox.js"></' + 'script>');    
    });
</script>

As you can see, the above code breaks the </script> in your string into '</' + 'script>', so that the browser doesn't parse it as a closing tag.