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。 任何帮助，将不胜感激。我正在使用实时，因为我在页面上发生了一些动态变化。

Answer 1

$('.item a[href]').jqprint(); 不会工作，因为 jqPrint 不是这样设计来打印元素的属性的。它旨在打印元素。你所拥有的将打印所有具有.item 类和href 属性定义的锚点。这个怎么样：

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

Answer 2

$('.item a[href]').jqprint(); 将对所有指定了href 属性的锚元素调用jqprint()。

这将导致它自然发生在页面上的所有锚点上，打印指定的href是什么意思，你的意思是在锚点指向的位置打印资源？

如果您的目标是在跨度之前在锚点上调用jqprint()，您可以尝试这样的事情，尽管这将取决于您的 html 结构...

$("span.printImage").live('click', function() {
    $(this).prev().jqprint(); // or $(this).prevAll("a:first").jqprint();
    return false;
});