的Javascript打印格內容

HTML：的Javascript打印格內容

<div id="printDiv" class="table-responsive"> 

     @Html.Raw(Model.Content) 

    </div> 

<button type="button" onclick="Print()">Print</button>

的Javascript：

function Print() { 
     alert("working"); 
     $("#printDiv").printThis(); 
    }

當我點擊打印按鈕，我想打印DIV content.However如果我點擊按鈕，我得到下面的JavaScript代碼異常。

Uncaught TypeError: undefined is not a function

我不知道我在哪裏錯過了？

任何幫助將不勝感激。謝謝。

來源

2014-07-10 John Elizabeth

下載js文件可能會請你幫忙的感謝 –

嘗試添加printThis.js。

從下面的鏈接

https://github.com/jasonday/printThis

示例代碼

<!DOCTYPE html> 
    <html> 
    <head> 
<script src="assets/js/jquery-1.9.1.js"></script> 
<script src="assets/js/printThis.js"></script> 
<style> 
     .drag 
    { 
     width: 100px; 
     height: 100px; 
     background-color: #000; 
    } 

    #box 
    { 
     width: 500px; 
     height: 400px; 
     background-color:red; 
    } 
</style> 
</head> 

<body> 

    <div id="box"> 
     <div id="drag">aaaaaaaaaaaaaaaaa</div> 
    </div> 

    <script> 
     $("#drag").printThis() 
    </script> 


</body> 

</html>

來源

2014-07-10 07:52:36 Unknownman

這工作得很好。想知道爲什麼這個人接受這個答案留下了這個投票。無論如何，我正在投票。 –

的Javascript打印格內容

回答

相關問題