如何在由wordpress选项设置的jquery where条件中编写if else if语句

Question

如何使用if else语句将wordpress选项设置值作为条件传递来切换jquery函数？

Wordpress选项设置值是'select-type‘值，它是在我的模板中使用

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

它只能打印一个值，如animation1、animation2、animation3和到目前为止..

我希望将此选项值作为条件传递到jquery中，以使用此wordpress选项值获得不同的动画效果。

HTML：

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

Jquery：

$(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选项值作为条件进行混洗。

Answer 1

        $(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中获取该选项值？是。请参见该eg.

var myval = '<?php echo get_option('my_animation_module') ?>';
alert(myval); 

Answer 2

如果你的jQuery代码很小，你可以把它放在/html文档的底部，就在< PHP >之前，然后回显Dasun显示的数据。

如果你的代码比较大，你最好把它放在一个单独的js文件中。要将数据发送到文件中代码，只需在HTML文档中使用数据设置一个JS变量，并在主代码中测试是否设置了该变量，如果设置了，则对其进行处理。

<script>
var mydata = <?php echo $mydata; ?>;
</script>