jquery点击函数打印href问题

Question

我有一个打印图标，使用 Jqueryui，我试图将其与名为 jqprint 的 Jquery 打印插件集成。我想在单击图标时打印 href

HTML 是:

<div class="item">
<a href="slides/image.jpg" title="Image"><img src="thumbs/image.jpg" /></a>
<<span class="printImage ui-icon ui-icon-print" title="Print Image"></span>
</div>

按钮代码:

$("span.printImage").live('click', function() {
$('.item a[href]').jqprint();
return false;
});

此代码打印整个缩略图页面，而不是特定“.item”的 href。 任何帮助，将不胜感激。我使用 live 是因为页面上发生了一些动态变化。

Answer 1

$('.item a[href]').jqprint(); 不会起作用，因为这不是 jqPrint 设计来打印元素属性的方式。它旨在打印元素。您所拥有的将打印所有定义了类 .item 和 href 属性的 anchor 。这个怎么样:

var link = $(this).parents(".item.isotope-item").children("a").attr("href");

var img = $("<img />", { src: link }).appendTo("body");

img.load(function(){
    img.jqprint();
    img.remove();
});

最终答案:D