jQuery .ready method

jQuery .ready method

本文关键字：method ready jQuery      更新时间：2023-09-26

我的.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>

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

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

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

您的错误正在发生，因为您正在使用 READY 函数。

下面是一些导致问题的代码：

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

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

你想要使用 onLoad 事件。

以下是就绪/加载之间的区别：

window.onload vs $（document）.ready（）

相关文章：