用於打印功能的jquery在asp.net中不起作用

Question

我編寫了以下腳本來打印文檔：

<script type="text/javascript">
    function print() {
        window.print();
    }
    $(".printdoc").click(function () {
        print();
    });
 </script>

我正在通過<asp:button../>調用上面的腳本，如下所示：

<asp:Button ID="btnPrint" runat="server" Text="Print" CssClass="printdoc"/>

每次我點擊按鈕它再次加載頁面但查詢似乎不起作用。

當我檢查資源時，我發現以下控制台錯誤：

未捕獲的ReferenceError：$未定義

Answer 1

print可能會與內置打印功能發生沖突。 所以我們稱之為printPage 。

<script type="text/javascript">
    function printPage() {
        window.print();
    }
 </script>

除了Rahul用於引用jQuery的解決方案之外，默認情況下， asp:Button會在單擊時回發到服務器。 所以切換到常規按鈕。

<button type="button" onclick="printPage()" runat="server">Print</button>

如果需要，可以關閉runat屬性，只有當你想從后面的代碼中引用它時才需要它。

---

如果你真的想使用asp:Button ，你可以這樣做：

<asp:Button ID="btnPrint" runat="server" Text="Print" OnClientClick="printPage(); return false;"/>

return false; 將阻止回發。 但是我沒有看到使用asp:Button來處理客戶端方面的問題。

Answer 2

您需要在代碼中添加Jquery的引用：

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

由於mason已經回答了其余部分，你需要創建一個常規按鈕而不是asp:button因為每次點擊它時， asp:button都會回發到服務器。