div内部.html（）函数的jquery用于内容样式

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);
});