javascript - 由于 noConflict (wordpress) 导致混合 jQuery 和 php 失败

Question

我想在 WordPress 中混合使用 jQuery 和 php。

这是我当前的代码:

function theme_output($url) {
echo "<script language='text/javascript'>
    jQuery(function($) {
        var $products,
        $current_product = 'default';

        // List all the products here

        $products = {
    ";
        $themes = array('cerulean', 'cosmo', 'cyborg', 'darkly', 'flatly', 'journal', 'lumen', 'paper', 'readable', 'sandstone', 'simplex', 'slate', 'spacelab', 'superhero', 'united', 'yeti');
        foreach ($themes as $theme) {
            echo 
                $theme." : {
                    name     : '".ucfirst($theme)."',
                    tag      : 'phpBB',
                    img      : '".css_file($theme)."',
                    url      : '".$url."?theme=".$theme."',
                    purchase : 'http://www.google.de',
                },";
        };
echo "
    };
});
    </script>";
};

因此，jquery/javascript 中有一个“页眉”，然后是 foreach php 部分，并且至少有一个 jquery“页脚”部分。

问题是，wordpress没有冲突(我猜这就是原因)，删除了所有$variables。

这是输出:

有人可以帮我解决这个问题吗？

谢谢

Answer 1

解决这个问题的一个方法是将foreach部分放入一个自己的函数中。您还应该更改“和”。

像这样:

function theme_output($url) {
echo '
    <script type="text/javascript">
            var $products,
            $current_product = "default";

            // List all the products here

            $products = {
';

funct2($url);

echo '
            };
    </script>';
};

function func2($url) {
    $themes = array('cerulean', 'cosmo', 'cyborg', 'darkly', 'flatly', 'journal', 'lumen', 'paper', 'readable', 'sandstone', 'simplex', 'slate', 'spacelab', 'superhero', 'united', 'yeti');
    foreach ($themes as $theme) {
        echo $theme.' : {
                name     : "'.ucfirst($theme).'",
                tag      : "phpBB",
                img      : "'.css_file($theme).'",
                url      : "'.$url.'?theme='.$theme.'",
                purchase : "http://www.google.de",
            },

        ';
    };
}