Question

我尝试将网址连接为背景图片。我的jquery：

Img = "http://something.com";
html = '<div class="Img" style="background:url("' + Img + '") no-repeat"></div>';

但为什么输出变得像这样

..style="background:url(" https:="" www-techinasia.netdna-ssl.com="" wp-content="" uploads="" 2014="" 03="" flipkart-720x287.jpg")="" no-repeat"=""..

Answer 1

由于您已经在使用jQuery，我建议您使用它来创建div。

var html = $('<div></div>')
    .addClass('Img')
    .css({
        "background":"url('" + Img + "') no-repeat"
    });

但是，立即解决方案是您需要正确使用引号。

html = '<div class="Img" style="background:url(\'' + Img + '\') no-repeat"></div>';

＆＃13;

var Img = "http://something.com";
var html = '<div class="Img" style="background:url(\'' + Img + '\') no-repeat">Yahooo</div>';

    $(document).ready(function() {
        $('#a').html(html)
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='a'></div>

＆＃13;

JS连接逃脱了斜线

1 个答案: