2

プラグインから JavaScript ファイルに変数を渡そうとしています。ここに私のプラグインコードがあります:

<?php
/**
 * @package JS Test
 * @version 1.0
 */
/*
Plugin Name: JS Test
Description: JS Test.
*/


add_action('init', 'my_init');
add_action( 'wp', 'test_js' );

function my_init() {
  wp_enqueue_script( 'jquery' );
}

function test_js() {

   wp_register_script ('testjs', plugins_url('jstest.js', __FILE__));
   wp_enqueue_script ('testjs');
   $my_arr = array('my array',
     'name' => 'Test',
   );
   $my_json_str = json_encode($my_arr); 

   $params = array(
     'my_arr' => $my_json_str,
   );

   wp_enqueue_script('my-java-script');
   wp_localize_script('my-java-script', 'php_params', $params);
}

jstest.js ファイルは次のとおりです。

    jQuery(document).ready(function() {
      alert ('test');
      var my_json_str = php_params.my_arr.replace(/&quot;/g, '"');
      var my_php_arr = jQuery.parseJSON(my_json_str);
      alert(php_params);    
    });

私が得るのは JavaScript のこのエラーです: ReferenceError: php_params が定義されていません

4

1 に答える 1

2

ローカライズされたパラメーターのためだけにスクリプトをエンキューする必要はありません。そのためにtestjsを使用できます。テスト用に作成した簡単なプラグインを次に示します。

<?php
/*
Plugin Name: PHP to JS
Plugin URI: http://en.bainternet.info
Description: wordpress passing variable to javascript 
http://stackoverflow.com/questions/12761904/wordpress-passing-variable-to-javascript
Version: 1.0
Author: Bainternet
Author URI: http://en.bainternet.info
*/

add_action('init', 'my_init');
add_action( 'wp', 'test_js' );

function my_init() {
 /wp_enqueue_script( 'jquery' );
}

function test_js() {

   wp_register_script ('testjs', plugins_url('jstest.js', __FILE__));
   wp_enqueue_script ('testjs');
   $my_arr = array('my array',
     'name' => 'Test',
   );
   $my_json_str = json_encode($my_arr); 

   $params = array(
     'my_arr' => $my_json_str,
   );


   wp_localize_script('testjs', 'php_params', $params);
}

add_action('wp_footer','footertestjs');

function footertestjs(){
    ?>
    <script>
      jQuery(document).ready(function() {
        alert ('test');
        var my_json_str = php_params.my_arr.replace(/&quot;/g, '"');
        var my_php_arr = jQuery.parseJSON(my_json_str);
        alert(php_params);    
      });
    </script>
    <?php
}

ここでわかるようにwp_localized_script、偽のスクリプトではなく、エンキューと同じスクリプトを使用します。

于 2012-10-06T23:03:10.327 に答える