将 jquery 变量插入 css答案

【问题标题】：inserting a jquery variable into css将 jquery 变量插入 css
【发布时间】：2015-12-21 16:06:40
【问题描述】：

我正在设置一个功能，单击按钮将图像设置为全屏背景等。它从 mysql 获取 image_name，我可以提醒文件名，以便我知道它正在返回正确的信息。

如果我对 image_name 进行硬编码，它可以完美地工作，但如果我通过 ajax 调用直接从数据库返回它，它就不会。我完全迷失了为什么？任何人都可以建议我可能会出错的地方。

$.ajax({
            type: "POST",
            url: "ajax.php",
            data: { value: value, id: id },
            success: function(image_name){      
            $('.click').hide(); //This will hide the button specified in html
            $('body').css({"background-image":"url(../article_images/"+image_name+")",
            "background-repeat":"no-repeat",
            "background-position":"center center",
            "background-attachment":"fixed",
            "-webkit-background-size":"cover",
            "-moz-background-size":"cover",
            "-o-background-size":"cover",
            "background-size":"cover"});
            }
            });

【问题讨论】：

变量的值是多少，你确定你得到文件名吗？您可以使用 chrome 中的 Developertools 进行检查。

标签： jquery mysql css

【解决方案1】：

url() 中的值需要用引号引起来：

$('body').css({"background-image":'url("../article_images/'+image_name+'")',

【讨论】：

感谢 Spencer，我自己刚刚完成。

【解决方案2】：

找到了解决办法：

而不是使用

echo "$image_name";

在php和jquery中

$('body').css({"background-image":"url(../article_images/"+image_name+")",

我有一个灯泡时刻并尝试：

echo "../article_images/$image_name";

在php和jquery中

$('body').css({"background-image":"url("+image_name+")",

可能不是正确或最好的方法，但它确实有效 - 终于！

【讨论】：