如何将printThis插件功能分配给按钮?

时间:2013-12-10 14:17:54

标签: javascript jquery button onclick printthis

对不起这个菜鸟问题...我一直在寻找一个例子,但我显然做错了什么(或者我想做的事情偏离轨道!)

我正在使用这个: http://www.devx.com/webdev/Article/10483/0/page/2 使用visibility和div部分创建多页表单。似乎工作得很好。

我现在需要能够从另一页打印(打印机)一页。可能的?

我正在尝试使用Jason Day的printThis插件。

我这样调用插件: $ .getScript(“printThis.js”,function(){ });

(插件位于当前目录中......稍后会解决)

<input type="button" id="B1" value="Go Back" onClick="showLayer('page1')">
<input type="button" id="B2" value="Print App" onClick="$("#page1").printThis()">

第一个按钮按预期工作...返回第1页 第二个按钮什么都不做......语法正确吗?或者我只是想做一些无法做到的事情?

1 个答案:

答案 0 :(得分:2)

您的第一个按钮是正确的。然而,第二个按钮不是。 jQuery选择器中的双引号"导致onClick属性过早关闭。请尝试以下方法之一:

内联选项1 - 逃避双引号

<input type="button" id="B2" value="Print App" onClick="$(\"#page1\").printThis()">

内联选项2 - 使用单引号

<input type="button" id="B2" value="Print App" onClick="$('#page1').printThis()">

选项3 - 删除突兀的JavaScript(强烈推荐)

<!-- Place this code in the <head></head> section of your page -->
<script type="text/javascript">
    $(document).ready(function () {
        $('#B2').on('click', function () {
            $('#page1').printThis();
        });
    });
</script>