0

如何使用 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>

查询：

$(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 回答