jquery - jquery .html() 函数内的 div 用于设置内容样式

Question

我正在尝试在单击链接时将一个页面的 div 内容与其他内容一起加载。为此，我正在使用具有所有内容的 .click() 函数和 .html() 函数。这工作正常。但是现在我希望对内容进行样式设置。所以我在 html() 函数中使用 div 来执行此操作。但它不起作用。内容根本没有显示。jQuery代码如下..

$(".vision").click(function(){

    $("#rightcolumn").html("<div id="rightcol_h1">VISION</div>");
    });

rightcolumn 是必须更改的 div 名称。而 rightcol_h1 是设置标题的样式。如下..

    #rightcol_h1{
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #00578C;
font-weight: bold;
}

当我这样做时，什么都没有显示。我做错了什么。我在 html() 中使用 div 的方式错了吗？

Answer 1

您搞砸了引号，但创建元素的更好方法是：

$(".vision").on('click', function(){
    var rightCol = $('<div />', {id: 'rightcol_h1', text: 'VISION'});
    $("#rightcolumn").html(rightCol);
});