Jquery if else color shuffle(传递一个变量)

时间:2013-04-09 14:42:25

标签: php jquery if-statement shuffle

这是关于我在此链接上提出的这个问题:PHP CSS Colour Shuffle array?

我已经更改并添加了更多代码,并且有一个不同的问题因此我为什么要打开一个新线程。

每次刷新页面时,我都会使用php和jQuery来调整颜色。目前这工作正常。但我有一个jQuery函数,我抓住一些元素,并在一个hoverstate显示洗牌颜色。现在这确实有效,但它显示了css标准默认的红色,蓝色,绿色等,甚至没有显示橙色的颜色。我被建议创建一个变量,然后创建一个if函数并通过悬停函数传递变量。下面是我到目前为止,我是jQuery的新手用户所以我不确定我哪里出错或下一步去哪里,有人可以指导我为什么这会被打破?我的萤火虫没有显示任何错误,我认为即将到来!感谢。

PHP随机播放颜色:

<?php
$colours = array('red', 'green', 'blue', 'black');
$blog = $colours[array_rand($colours, 1)];
?>

<body id="<?php echo $blog; ?>">

在我的css中,无论我想要显示洗牌颜色#green,#red都在trueallid,class或element之前,它的工作原理!只是悬停状态现在我有这个jQuery ..

//颜色翻转导航

var colours = "<?php echo $colours; ?>";


        if(colours == "red"){
           colours = "#600";
        }
        else if(colours == "green"){
           colours = "#363";
        }
        else if(colours == "blue"){
           colours = "#369";
        }
        else if(colours == "black"){
           colours = "#000";
        }

                    //example of some elements that would use the hover effect
        $("#footer .address #breadcrumbs a").hover(function() {
            $(this).stop().animate({ 'color': colours }, 300);
        },function() {
            $(this).stop().animate({ 'color': "#fff" }, 300);
        });

我是否在if else中缺少一些行或者通过错误传递变量?谢谢!

2 个答案:

答案 0 :(得分:0)

我认为JS在页面上的脚本标签中。

你不能只是echo一个数组。我猜你的意思是echo $blog。这应该将单一颜色作为字符串数据传递给您的if () {} else {}语句(实际上应该switch () { case })。

答案 1 :(得分:0)

好的,我有它的工作。

我做了一些事情,所以不确定究竟是什么彻底修复了它:

-Clear Cache(Google Chrome对此非常痛苦)

- 将变量从颜色变为颜色(在php和JS中)

- 在JS中定义变量时,我回显了$ blog而不是$ color。

当这种情况有效时我没有错误。

谢谢!