Question

我正在研究一个WordPress主题，我遇到了一个小块。我在主题中有一个小应用程序，当你点击它时突出显示一个人的名字：

的jQuery

    <script type="text/javascript">
        $(".testimonial-person").click(function() {
            $(".testimonial-person").css( "background", "none");
            var tID = this.id;
            $("#" + tID).css( "background", "url('images/halftone.png') #DDD");
            $(".testimonial-text").fadeOut(100);
            $("#box-" + tID).delay(102).fadeIn(100);
        });
    </script>

问题在于显示背景图片的css()行，该背景图片实际上是一个动态值 - 看起来像这样：

$("#" + tID).css( "background", "url('<?php bloginfo('stylesheet_url'); ?>/images/halftone.png' #DDD");

看看引号如何相互矛盾？有没有人知道解决这个问题的方法，或者在WordPress中调用图像的更好方法？

Answer 1

在这种特定情况下，引号根本不重要，因为您在<?php和?>之间使用的引号由php解释，因此永远不会到达浏览器，其中javascript将被解释。实际上，问题是你忘记了结束)。您的输出现在将是：

$("#" + tID).css( "background", "url('http://url.com/images/halftone.png' #DDD");

正确的是：

$("#" + tID).css( "background", "url('http://url.com/images/halftone.png') #DDD");

注意...halftone.png'

之后的第二个右括号

所以你的php代码看起来像这样：

$("#" + tID).css( "background", "url('<?php bloginfo('stylesheet_url'); ?>/images/halftone.png') #DDD");

将PHP插入jQuery css（）

1 个答案: