【问题标题】:How to write if else if statement in jquery where condition set by wordpress option setting如何在jquery中编写if else if语句,其中条件由wordpress选项设置设置
【发布时间】:2012-12-22 05:37:35
【问题描述】:

如何使用 if else 语句将 wordpress 选项设置值作为条件来切换 jquery 功能?

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

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

它可能只打印一个值,比如动画1、动画2、动画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 选项值作为条件来打乱这些效果。

【问题讨论】:

    标签: php jquery wordpress if-statement jquery-selectors


    【解决方案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); 
    

    【讨论】:

    • @Dasun-是的,没关系。实际上我从来不知道我可以直接在 jQuery 中获取我的 wordpress 选项值。我可以通过将其存储为变量来在 jQuery 中获取此选项值吗?
    【解决方案2】:

    如果你的 jQuery 代码很小,你可以把它内联在 HTML 文档的底部,就在

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-14
    • 1970-01-01
    • 2017-04-26
    • 2014-05-01
    • 1970-01-01
    相关资源
    最近更新 更多