jquery - 页面加载时的加载功能

Question

嗨，我有一个表单，当单击“计算”按钮时，它正在调用函数。以下代码工作正常。我正在尝试使它在加载页面时自动提交而不是 onClick。请告诉我。谢谢

  <form id="FormCalculate" class="readonly">      
             <input type="hidden" name="readId" id="profreadId" value=""/>
             <input type="hidden" name="taskName" id="protaskName" value=""/>
             <div class="fMain">
             <label class="fMain" for="EmailAddress">Email Address:</label>
             <input type="text" class="form-field-medium" id="emailaddress"name="Email"/>
             </div>
             <div class="xyz">
             <input type="button" class="xyz" onclick="fnCalculate()" value="Calculate" />
             </div>          
          </form>

比 jQuery 函数是

    function fnCalculate() {
               $("#calcStart").val(0);
               fnCrunching();
               $("#FormCalculate").submit();
           }

Answer 1

使用$(document).ready()。

$(document).ready(function() {
    $("#calcStart").val(0);
    fnCrunching();
    $("#FormCalculate").submit();
});

Answer 2

页面加载时触发：

$(document).on('ready', fnCalculate);

更好的是，完全删除该onclick属性并使用 JavaScript 点击处理程序：

$(document).on('click', 'input.xyz', fnCalculate);

http://jsfiddle.net/mblase75/md7c7/

Answer 3

使用 jQuery 文档就绪函数调用您的函数，如下所示：

$(document).ready(function() {
    fnCalculate();
});

注意：onclick如果您只想在页面加载时调用该函数，请从您的按钮中删除该属性，但如果您还希望单击事件也触发该函数，请将其保留在那里。