javascript - 是否可以在尚未附加到 DOM 的元素中创建迷你图（使用 jquery.sparkline 插件）？

Question

使用http://omnipotent.net/jquery.sparkline，我正在尝试

var attachLater = $('<div class="container">')
   .append($('<span>').sparkline([0,1,2]));
.
.
.
$('body').append(attachLater);

但它不起作用。它的行为就好像迷你图根本没有被调用。在附加的元素上它工作正常。我错过了什么，或者这只是迷你图不支持？

Answer 1

找到了。我错过了常见问题的这一部分：“如何在尚未在 DOM 中的元素上绘制迷你图？” 在http://omnipotent.net/jquery.sparkline/#s-faq

livequery还有一个解决方法：

$('.sparkMePlease').livequery(function() { 
    $(this).sparkline(values, options).removeClass('sparkMePlease');
});
.
.
.
attachLater = $('<div>').addClass('sparkMePlease');
.
.
.
$('body').append(attachLater);