Make wp_localize_script() work properly

Khanh Cao — Sun, 01 Aug 2010 20:40:14 +0000

wp_localize_script($handle, $object_name, $l10n);
For example:
$myvars = array('value' => 'one'); wp_localize_script('my-handle', 'myVars', $myvars);

The above code won't do anything unless you enqueue a script with the same handle before it, like this:

wp_enqueue_script('my-handle', 'path-to-js-file.js'); $myvars = array('value' => 'one'); wp_localize_script('my-handle', 'myVars', $myvars);

This code will be inserted into your page:

/* var myVars = { value: "one" }; /* ]]> */

Then you can reference myVars in your script later on.

wp_list_comments() will append an end tag to your comment

Khanh Cao — Wed, 28 Jul 2010 21:27:46 +0000

On every call to your call back from wp_list_comments(), there will be an end tag appended, this tag can be either </li> or </div> depending on your style parameter. Therefore, in your call back function, don't put your own end tag there. For example, my call back function was like this:

function custom_comments($comment, $args, $depth) {
  ?>
  <li id="comment-<?php comment_ID() ?>" <?php comment_class(); ?>>
  ...
  </li>
  <?php
}

Perfectly fine, except that there will be another </li> appears when the page shows, making html errors and potentially may break your page's layout. The obvious solution is to remove the </li> tag in my function.

Calce » notes

Make wp_localize_script() work properly

wp_list_comments() will append an end tag to your comment