0

if elseステートメントを使用してjquery関数を切り替える条件としてwordpressオプション設定値を渡す方法は?

Wordpressオプション設定値は、テンプレートで取得された「select-type」値です

<?php echo get_option('my_animation_module') ?>

animation1、animation2、animation3などのように1つの値のみを出力する場合があります..

このオプション値を jquery の条件として渡し、この wordpress オプション値を使用して異なるアニメーション効果を取得したいと考えています。

HTML :

<div id="content-page>
<img src="images/myimage.png"/> 
<div>

Jクエリ：

$(document).ready(function(){ 

    $('#content-page').hover(function() {
            $(this).find('img').stop(false,true).animate({'top':480, 'left':270}, {duration:600});
                   },

        function() {
            $(this).find('img').stop(false,true).animate({'top':0, 'left':270}, {duration:500});

        });

      });

これは、jQuery を使用した最初のサンプル アニメーション効果です。画像に異なるアニメーション効果を追加したいのですが、jQuery の if else ステートメントと wordpress オプション値を条件として使用してそれらをシャッフルします。

4

2 に答える 2

2 
        $(document).ready(function(){ 

             if('<?php echo get_option('my_animation_module') ?>' == "animation1")
             {
             //js code for animation1
             }
             else if('<?php echo get_option('my_animation_module') ?>' == "animation2")
             {
             //js code for animation2
             }
             else if('<?php echo get_option('my_animation_module') ?>' == "animation3")
             {
             //js code for animation3
             }


        });

要求に応じて回答を更新

このオプション値を変数として格納することにより、jQuery で取得できますか? はい。例を参照してください。

var myval = '<?php echo get_option('my_animation_module') ?>';
alert(myval);
于 2013-01-08T11:41:06.933 に答える
1

jQuery コードが小さい場合は、HTML ドキュメントの下部の < /html > の直前にインラインで配置し、Dasun が示したように PHP データをエコーすることができます。

コードが大きい場合は、別の js ファイルに入れることをお勧めします。ファイル内のそのコードにデータを送信するには、HTML ドキュメントで JS 変数にデータを設定するだけです。メイン コードでは、その変数が設定されているかどうかをテストし、設定されている場合はそれを処理します。

<script>
var mydata = <?php echo $mydata; ?>;
</script>
于 2013-01-08T12:14:50.703 に答える