Escaping JavaScript snippet Inside PHP function in WordPress

Question

A function in one of php files of a WordPress-based website is cut off, I think due to an error in escaping multiple quotes and slashes.

Here's the line of code in question:

echo '<script>window.jQuery || document.write(\'<script src="' . get_template_directory_uri() . '/assets/js/vendor/jquery-1.11.0.min.js"><\/script>\')</script>' . "\n";

It generates the following html:

<script>window.jQuery || document.write('

Everything else after the ' is not displayed and doesn't execute.

As a temporary solution, I inserted the closing  </script> tag straight into html page.

This resulted in the following html output:

<script>window.jQuery || document.write('<script type='text/javascript' src='/wp-content/themes/my-theme/assets/js/vendor/modernizr-2.7.0.min.js'></script><!-- my hack --></script>

Not seeing any errors, could someone please help? Here's the entire function:

function roots_jquery_local_fallback($src, $handle = null) {
  static $add_jquery_fallback = false;
  if ($add_jquery_fallback) {

    echo '<script>window.jQuery || document.write(\'<script src="' . get_template_directory_uri() . '/assets/vendor/jquery/dist/jquery.min.js?1.11.1"><\/script>\')</script>' . "\n";

    $add_jquery_fallback = false;
  }
  if ($handle === 'jquery') {
    $add_jquery_fallback = true;
  }
  return $src;
}
add_action('wp_head', 'roots_jquery_local_fallback');

user488187 · Accepted Answer · 2015-02-24 16:47:37Z

2

PHP does not example the text inside strings delimited by single quotes ('), so \' does not work. It does interpret inside double quotes("), so reverse your use of single and double and use \".

echo "<script>window.jQuery || document.write('<script src=\"" . get_template_directory_uri() . "/assets/js/vendor/jquery-1.11.0.min.js\"><\/script>\')</script>" . "\n";

answered Feb 24, 2015 at 16:47

user488187

Sign up to request clarification or add additional context in comments.

1 Comment

Dimitri Vorontzov Over a year ago

Brilliant! Thank you, @bobdye! Solved the issue.

Collectives™ on Stack Overflow

Escaping JavaScript snippet Inside PHP function in WordPress

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related