はどのように

Question

こんにちは現在、私はReduxのフレームワークを使用していたオプションのためにも、ライブの天気を示すための私のワードプレスのテーマでシンプルな天気JS（http://simpleweatherjs.com/）を使用していますシンプルな天気JSのためにReduxのフレームワークテキストフィールドのオプションを使用します。私は「あなたの街の名前」のテキストフィールドを作成してきたし、私のオプションユニークID>は「CPV-HM-CAT-OP-8」です。マイReduxのフレームワークオプションのプレビューは以下の通りです。

array(
'id'  => 'cpv-hm-cat-op-8', 
'type'  => 'text', 
'title' => __('Name of your city', 'redux'), 
'desc' => __('Write your city which you want to show in weather', 'redux'), 
'default' => 'New York', 
), 

は今、私は私の簡単な気象JSファイルにそのオプションを使用したいと私は私の町の私の出力、I入力名、その都市の天候でのショーをしたいです。単純な天気jsオプションのように見える=>

$.simpleWeather({ 
    location: 'New Jersey', 
    woeid: '', 
    unit: 'c', 
    success: function(weather) { 
     html = '<h2><i class="symbol-weather icon-'+weather.code+'"></i> '+weather.temp+'&deg;'+weather.units.temp+'</h2>'; 
     html += '<ul><li>'+weather.city+'</li>'; 
     $("#weather").html(html); 
    }, 
    error: function(error) { 
     $("#weather").html('<p>'+error+'</p>'); 
    } 
    }); 

ここで私のreduxのプラグインオプションを追加したい。しかしそれは働かない。

$.simpleWeather({ 
    location: '<?php global $cpv; echo $cpv['cpv-hm-cat-op-8'];?>', 

私のreduxフレームワークオプションを追加するにはどうすればよいですか？

Answer 1

私はそれが私のために動作しますが、解決策を見つけたが、それは理想的なソリューションだ場合、私は知りません。

私のソリューションは、ページの先頭に値を追加しているので、さらにフックのためにアクセス可能です。 function.phpに

このコードは（あることを使用のフッターに他のすべてのものをFE負荷）このコードを必要とする、あなたのコードの前にロードされますことを確認し、これは入れます

add_action ('wp_head', 'yourjs'); 
function yourjs(){ global $cpv; //your global redux Var ?> 
    <script type="text/javascript"> 
    var weatherinfo = <?php echo json_encode(array( 
     'city' => $cpv['cpv-hm-cat-op-8'], 
     'zip' => $cpv['cpv-hm-cat-op-7'], // just an example for another value in the array 
     )); ?> 
    </script><?php 
} 

を追加ページのヘッダーは次のようになります。

<script type="text/javascript"> 
    var weatherinfo = {"city":"Austin","zip":"12345"} </script> 

これで、コード内でアクセスできる値の配列が得られました。

希望すると、これが役に立ちます。