如何在jQuery中编写if else if语句，条件由wordpress选项设置设置

Question

如何使用if else语句传递wordpress选项设置值作为条件来切换jQuery功能？

WordPress选项设置值是“选择类型”值，使用我的模板中的值

<?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中获取此选项值吗？ 是。 参见例如。

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

Answer 2

如果您的jQuery代码很小，则可以在</ html>之前将其内联到HTML文档的底部，然后按Dasun所示回显PHP数据。

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

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