Question

我的.ready()方法没有调用它应该的函数。单独的功能工作正常，但当我尝试执行它作为页面加载后的第一件事，它什么都不做。我经历了现有主题，但找不到修复方法。

我应该补充一点，我希望我的功能在页面加载后以及点击按钮后执行（该部分当前有效）

我的代码：

<script>
$(document).ready(function() {
    calculation();
});

function calculation() {
    variable = new XMLHttpRequest();

    var total = 0;
    if($('#p1').val() && $('#qty').val()){
        var price = $('#p1').val();
        var qty = $('#qty').val();
        total += price * qty;
    }
    $('#total').val(total);
}
</script>

Answer 1

您需要在脚本运行之前加载jQuery。

<!-- Put jQuery Here -->
<script>
    $(document).ready(function() {
        calculation();
    });

    //etc...
</script>

您的代码以前工作的原因是因为您在一个按钮触发的函数中使用了jQuery。在点击按钮之前，该代码永远不会运行，这是在浏览器加载jQuery之后发生的。

Answer 2

您的错误正在发生，因为您正在使用READY功能。

这里有一些导致问题的代码：

if($('#p1').val() && $('#qty').val()){
        var price = $('#p1').val();
        var qty = $('#qty').val();
        total += price * qty;
    }
    $('#total').val(total);

您正在尝试获取一些HTML元素数据......但猜猜是什么？您的HTML尚未加载。

您想使用onLoad事件。

这是ready / onload之间的区别：

window.onload vs $(document).ready()

jQuery .ready方法

2 个答案: