Кнопка печати не работает

Question

Кнопка печати, которую я создал для моей веб-страницы, не работает. Когда я проверяю элемент, ничего не выходит. Не одна ошибка

Вот мой HTML код:

<button onclick = "printAddOrders()">Print New Orders</button> 

А вот Javascript код функции:

function printNewOrders(){ 
    window.print(); 
} 

$(document).on("click", "#print-click", printNewOrders); 

Прилагаю здесь также ссылку на мой JSFiddle где я моделировал проблему сделать вещи более ясными для выставления:

https://jsfiddle.net/poch_MENDOZA/7uwm8sd0/

Answer 1

Попробуйте

<button onclick = "window.print()">Print New Orders</button> 

Answer 2

Вы называете printAddOrders() из вашей кнопки. Я думаю, вы хотите назвать printNewOrders()

Answer 3

<button onclick = "window.print();">Print New Orders</button> 

Что вы хотите достичь? Или вам нужно больше использовать эту функцию печати?

Answer 4

Вы забыли добавить print-click идентификатор в <button>

<button id="print-click" onclick="printAddOrders()">

И ваши имена функций не совпадают. У вас есть printAddOrders в html и printNewOrders в js.

Это a fork вашей скрипки, которая работает.

Answer 5

Весь код для справки:

функция printNewOrders() {window.print(); }

Благодаря

Answer 6

Ни вы определили printNewOrders ни printAddOrders. С onclick вы подключили printAddOrders, но нет функции корпус.

Во-вторых, нет идентификатора print-click, прикрепленного к любому элементу DOM.

Ваш jsfiddle не работает, как вы должны использовать $, но не включены jquery

Ниже треска фрагмент кода для открытия print window по нажатию кнопки.Вам не нужно JQuery здесь

HTML

<button onclick = "printAddOrders()" id ="print-click">Print New Orders</button> 

JS

function printAddOrders(){ 
    window.print(); 
} 

jsfiddle without jquery

Отрывок с JQuery

HTML

// Note there is no onclick handler added since you are delegating the event to click of `print-click` 
<button onclick = "" id ="print-click">Print New Orders</button> 

JS

function printNewOrders(){ 
    window.print(); 
} 
$(document).on("click", "#print-click", printNewOrders); 

jsfiddle with jquery