Question

我正在尝试使用jQuery Print Preview Plugin在打印之前显示JSF页面的prieview。

首先，我尝试了使用普通HTML标记的演示。

<script src="../js/jquery.print-preview.js" type="text/javascript"
                    charset="utf-8"></script>
                <script type="text/javascript">
                    var $j = jQuery.noConflict();

                    $j(function() {
                                alert("hai");
                                /*
                                 * Initialise print preview plugin
                                 */
                                 $j('.print-preview').printPreview();
                                 alert("bye");

                            });
                </script>

                <div id="header" class="container_12">
                     <a class="print-preview">Print this Page</a>
                </div>

我正常工作，打开了print -preview模态dailog。

但是，当我尝试用<a>替换<h:commandLink>代码时，$(this).bind('click', function(e)内的print-preview.js未被触发。

<h:form id="printForm">
                <script src="../js/jquery.print-preview.js" type="text/javascript"
                    charset="utf-8"></script>
                <script type="text/javascript">
                    var $j = jQuery.noConflict();

                    $j(function() {
                                alert("hai");
                                /*
                                 * Initialise print preview plugin
                                 */
                                 $j('.print-preview').printPreview();
                                 alert("bye");

                            });
                </script>

                <div id="header" class="container_12">
                <h:commandLink id="sample" value="Print this page" styleClass="print-preview"/> 

                </div> 
</h:form>

我甚至尝试过使用$j('printForm\\:sample').printPreview();，但它仍无效。

我做错了吗？

Answer 1

我将<h:commandLink>替换为<p:commandLink>，jQuery打印预览插件现在运行得非常好。

jQuery打印预览插件不能与<h：commandlink> </h：commandlink>一起使用

1 个答案: