jQuery SimpleModal 上的打印功能

Question

我正在使用这里的基本模态对话框 http://www.ericmmartin.com/projects/ simplemodal-demos/ 在此对话框内，我有一个图像，我想在其下方添加一个“打印”按钮。

我尝试过使用 jqPrint 但它不起作用。有什么我错过的吗？

我的弹出对话框

<div id="popup_name" class="popup_block">
<div class="map"><img src="images/map.png"></div>
<br><a href="#" id="print"><img src="images/print.png"></a>
</div>

jqPrint

$("#print").click( function() { 
$('.map').jqprint(); 
}); 
</script> 

Answer 1

IMP：jqprint() 是一个插件，请添加对您的文件的正确引用。
尝试将您的单击功能放入 document.ready 中，然后它应该可以正常工作。

$(document).ready(function () {
$("#print").click( function() { 
$('.map').jqprint(); 
});
});

我已经测试过这个，效果很好。

Answer 2

我认为点击事件没有被触发尝试使用实时。

 $("#print").live('click', function(event){
    $('.map').jqprint();
  });