javascript - .html() 在查询中使用 html() 添加样式

Question

我想使用 .html() 向我的网站添加样式。

我试过:

jQuery:

if ($('#checkbox:checked') > 0) {
    $("body").html("
        <style>
            .selected{
                background-image: url('http://www.website.com');
            }
        </style>
    ");
}

但它给我一个错误提示:SyntaxError: unterminated string literal

Answer 1

首先，要在 JavaScript 中使用多行字符串，您必须将反斜杠放在每行的末尾。示例:

var str = "This\
           is\
           multiline\
           sting.";

此外，如果您想将 html 添加到 body，而不是替换它，请按以下方式进行:

if ($('#checkbox:checked').length > 0) {
    $("body").append("\
        <style>\
            .selected{\
                background-image: url('http://www.website.com');\
            }\
        </style>\
   ");
}

(我将 .length 添加到您的选择器中，因为您无法将 0 与数组进行比较)

我没有测试过，但应该可以。