我正在尝试遍历Twitter Bootstrap中页面上的每个选项卡,并在单击按钮时打印该选项卡的内容 . 换句话说,如果有5个选项卡,它会遍历所有选项卡并将每个页面发送到打印机 . 选项卡是在页面加载时动态创建的 .
现在我有:
$("#idBtnPrint").click(function() {
$("#idUlTab").each(function() {
if (window.print) {
$(this).window.print();
return false;
}
});
});
但这对我不起作用 . 我对查询不是特别强烈(可能很明显) - 任何人都可以提供任何建议吗?我在任何地方都没有看到任何类似的代码 .
2 回答
这是一个快速的小jQuery插件,可以满足您的需求 . 要使用它,只需在循环中执行
$('#id').print()
. 如果您希望打印元素所在的容器,请使用$('#id').print({container: true});
相应的CSS将是(不要忘记更改打印和取消图标的图像路径):
UPDATE
这是一个例子:
HTML
使用Javascript
Kyle的答案是您特定问题的绝佳答案 - 即单独打印每个标签 .
但是,如果我可以假设你想这样做,因为打印页面本身只打印活动标签 - 然后我可能有一个答案,允许您打印每个标签作为整个页面的一部分 .
诀窍在于CSS . 用这个:
有关完整示例,请参见JSFiddle .