後で使用できるように、いくつかのPHP変数をjavascriptで渡す可能性はありますか?
のみsingle.php
。
聞いたことwp_enqueue_scripts
がありますが、それではJSファイルへのパスを宣言する必要がありますが、それは必要ありません。
後で使用できるように、いくつかのPHP変数をjavascriptで渡す可能性はありますか?
のみsingle.php
。
聞いたことwp_enqueue_scripts
がありますが、それではJSファイルへのパスを宣言する必要がありますが、それは必要ありません。
回答:
をご覧くださいwp_localize_script
。これはまさにそれを行うためのものです。
ただし、の以前の使用wp_enqueue_scripts
が必要なので、JSを実際に別のファイルに移動する必要があります。
確かに、これらの数分間の努力に値するでしょう。
function wpse_96370_scripts()
{
if ( is_single() ) {
wp_register_script(
'your_script_handle',
get_template_directory_uri() . '/js/your-script.js',
array( /* dependencies*/ ),
1.0,
true
);
wp_enqueue_script( 'your-script-handle' );
$script_params = array(
/* examples */
'post' => 99,
'users' => array( 1, 20, 2049 )
);
wp_localize_script( 'your-script-handle', 'scriptParams', $script_params );
}
}
add_action( 'wp_enqueue_scripts', 'wpse_96370_scripts' );
JSでは、渡されたパラメーターを次のように使用できます。
var posts = scriptParams.post,
secondUser = scriptParams.users[1]; /* index starts at 0 */
// iterate over users
for ( var i = 0; i < scriptParams.users.length; i++ ) {
alert( scriptParams.users[i] );
}
あなたのコメントによると
response.id
facebook apiのsを使用して新しいdbテーブルを作成しました。これはテーブルです:action_id、user_id、post_id、fb_id fb_idはfacebookアクションからのresponse.idです。次に、single.phpにボタンがあります。このボタンを押すと、apiを使用してfbアクションを削除する必要FB.api('/'+fb.response, 'delete');
がfb.response
あります:wherefb_id
from table from
次のテーマの/js/
フォルダーを作成し、存在しない場合は作成します。
ファイルを呼び出しましょうfb-response.js
:
jQuery( '#button_id' ).click( function() {
FB.api( '/' + fbParams.id, 'delete' );
});
次に、上記のように登録、エンキュー、およびローカライズします。あなたが渡したいIDを持っていると仮定してみましょう$fb_id
:
wp_register_script(
'fb-response',
get_template_directory_uri() . '/js/fb-response.js',
array( 'jquery' ),
1.0,
true
);
wp_enqueue_script( 'fb-response' );
wp_localize_script( 'fb-response', 'fbParams', array( 'id' => $fb_id ) );
NB明らかに、上記はこれがテーマであると仮定しています。「プラグイン」の場合は、それに応じて場所を変更します。
あなたのコメントを読んで、私はあなたがこのようなことをしたいのを理解しています:
// Do something to get the ID
$facebook_id = ...
// Create and print the button
echo '<input onclick="FB.api('/'+'.$facebook_id.', 'delete')" />';
<input ... />
そしてその機能のみの目的を実証するためでした。私があなたを理解している限り、あなたが必要とするものすべてが語られています。そうでない場合は、コメントではなく、質問でさらに説明してください。