2014-07-10 3 views
1

Html:Javascript печати содержимого DIV в ASP.NET MVC

<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(); 
    } 

Когда я нажмите кнопку для печати, я хочу напечатать Див content.However если я нажимаю кнопку, я получаю ниже исключения для кода javascript.

Uncaught TypeError: undefined is not a function 

У меня нет ни малейшего понятия Где я пропущу точно?

Любая помощь будет оценена по достоинству. Спасибо.

+0

может помочь вам, пожалуйста, спасибо –

ответ

3

Попробуйте добавить printThis.js.

Скачать файл 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> 
+0

Это прекрасно работает. Интересно, почему человек принял этот ответ, оставив без голосования это голосование. В любом случае, я даю свой голос. –

Смежные вопросы