live calc script не работает

так прежде всего im kinda new для javascript, и я не могу заставить мой скрипт работать, когда я помещаю его на свой сайт, но он работает в скрипке (потому что onload) у меня есть скрипт в отдельном файле, так что вот как я есть сейчасlive calc script не работает

script.js

var start = $('#calcstart'), 
end = $('#calcend'), 
brk = $('#calcbreak'), 
total = $('#calcadded'), 
timespan; 

$('input').keyup(function() { 
    var e = toMins(end.val()), 
    s = toMins(start.val()), 
    b = toMins(brk.val()); 
    if (!s || !e) 
     return; 
    var output = (e - s - b)/60; 
    total.html(Math.floor(output) + ':' + toDouble(Math.round((output % 1) * 60))); 
}); 

function toMins(val) { 
    if (!val) 
     return 0; 
    val = val.split(':'); 
    return (Number(val[0]) * 60) + Number(val[1] || 0); 
} 

function toDouble(n) { 
    return n < 10 ? ('0' + n) : n; 
}

livecalc.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<table> 
    <tr> 
     <td>Start:</td> 
     <td><input id="calcstart" placeholder="hh:mm"></td> 
    </tr> 
    <tr> 
     <td>end:</td> 
     <td><input id="calcend" placeholder="hh:mm"></td> 
    </tr> 
    <tr> 
     <td>break:</td> 
     <td><input id="calcbreak" placeholder="hh:mm"></td> 
    </tr> 
    <tr> 
     <td>Total:</td> 
     <td><span id="calcadded"></span></td> 
    </tr> 
</table>

https://jsfiddle.net/frilleee/3brha920/1/

поэтому вопрос в том, как я могу заставить этот скрипт работать? как я могу загрузить его? или что я должен делать?

Edit1 Окей я не знаю, как, но он начал работу в настоящее время dident ничего менять: S я тестировал в течение 2-х дней с тем же кодом и не работает: S

источник

2017-02-05 Frilleee

** $ (document) .ready (function() {// ваш код здесь}); **? –

он doesent вычисляет (или работает), когда я пытаюсь $ (document) .ready (function() {}); – Frilleee

Пожалуйста, покажите, как вы его используете, и вы получаете сообщение об ошибке в консоли? –

Используйте script тег, как это

<script src="script.js"></script>

В вашем HTML. Сохраните сценарий как «script.js» и поместите тег скрипта в конец внутри тега body.

Нравится это.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<table> 
<tr><td>Start:</td><td><input id="calcstart" placeholder="hh:mm"></td></tr> 
<tr><td>slut:</td><td><input id="calcend" placeholder="hh:mm"></td></tr> 
<tr><td>rast:</td><td><input id="calcbreak" placeholder="hh:mm"></td></tr> 
<tr><td>Total:</td><td><span id="calcadded"></span></td></tr> 
</table> 
<script src="script.js"></script>

Или

Поместите весь код скрипта внутри тега script.

<script> 
    // Your script here. 
</script>

источник

2017-02-05 12:42:00

Для JQuery, вам нужно обернуть ваши коды внутри

$(document).ready(function(){ 
    // js and jquery codes in here 
});

Read: https://learn.jquery.com/using-jquery-core/document-ready/

Кроме того, вы включить ваш script.js файл внутри HTML? Проверьте Средство разработчика> Консоль, чтобы найти любую другую ошибку, связанную с javascript.

источник

2017-02-05 12:43:18

live calc script не работает

ответ

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