如何在jquery中编写if-else-if语句，其中条件由wordpress选项设置设置 - How to write if else if statement in jquery where condition set by wordpress option setting

How to write if else if statement in jquery where condition set by wordpress option setting

如何通过wordpress选项设置值作为条件，使用if-else语句切换jquery函数？

Wordpress选项设置值是"选择类型"值，该值是使用在我的模板中获取的

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

它可能只打印一个值，如animation1、animation2、animation 3等等。。

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

        $(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);

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

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

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