jquery - jQuery 从元素源设置背景图像

Question

我正在努力解决这个问题，我很可能很傻，但有人可以帮忙。

当您在我的示例中滚动时，会下拉一个蓝色条，其中将是从实际页面设置的徽标#logo

jsFiddle

jQuery

$(function() {
    $(".topbarlogo").css({
        "background":"#000"
        });
    var _wrapwidth = $('#wrap').width();
    var _topbar = $("<div/>").attr({
        "id": "topbar",
        }).css({
            "width": _wrapwidth,
            "height": "50px",
            "background":"#43A6DF",
            "position": "fixed",
            "top":"0",
            "margin":"0 auto",
            "display":"none",
            "z-index":100
        });
    var _logo = $('#logo img').attr("src");
    var _topcontent = $("<div/>").append("<div id='topbarlogo' class='topbarlogo'></div>");
    console.log(_logo);
    $(_topbar).append(_topcontent);

    $("#wrap").prepend(_topbar);
    $(window).scroll(function(e){
        if ($(window).scrollTop() > 10) {
            console.log('>10');
            $(_topbar).slideDown();
        } else if ($(window).scrollTop() == 0) {
            console.log('0');
            $(_topbar).slideUp();
        } else {
            console.log('0');
            $(_topbar).slideUp();
        }
    });
});

Answer 1

尝试

var _topcontent = $("<div/>").append('<div id="topbarlogo" class="topbarlogo"><img src="' + _logo + '"/></div>');

演示：小提琴