如何在其他jQuery函数绑定执行后调用函数及SaveEstimate值异常排查

问题1：如何在另一个jQuery函数完成元素绑定与执行后调用某个jQuery函数？ #

咱们可以通过几种方式来确保函数的执行顺序，满足“等前一个函数完成所有操作再执行后续函数”的需求：

• 使用回调函数传递：把后续要执行的函数作为参数，传给先执行的绑定函数，等绑定逻辑全部完成后直接调用这个回调。示例代码：

  function initElementBindings(callback) {
    // 这里完成所有元素绑定、初始化操作
    $('#someTarget').on('click', function() {
      // 绑定的点击逻辑
    });
    // 所有操作搞定后，调用传入的回调函数
    callback();
  }
  
  // 调用时，把需要延后执行的函数传进去
  initElementBindings(function() {
    // 这里写你要在绑定完成后执行的jQuery逻辑
    calculateOffsetTaxes();
  });
  

• 用Promise管理异步/依赖顺序：如果你的绑定函数涉及异步操作（比如AJAX拉取数据后绑定），用jQuery的Deferred/Promise会更稳妥：

  function setupDynamicElements() {
    var defer = $.Deferred();
    // 模拟异步绑定场景，比如先请求数据再渲染绑定
    $.get('/get-element-data', function(data) {
      $('#Offset_GrandTotal').val(data).on('change', function() { /* 绑定逻辑 */ });
      defer.resolve(); // 标记操作完成
    });
    return defer.promise();
  }
  
  // 等待setup完成后，再执行目标函数
  setupDynamicElements().done(function() {
    yourTargetFunction();
  });
  

• 自定义事件触发监听：在绑定完成的函数里触发一个自定义事件，让后续函数监听这个事件再执行：

  function finishElementBind() {
    $('#Offset_GrandTotal').on('input', function() { /* 绑定逻辑 */ });
    // 触发自定义事件，告诉外界绑定完成了
    $(document).trigger('elementsBindCompleted');
  }
  
  // 监听自定义事件，触发后执行目标函数
  $(document).on('elementsBindCompleted', function() {
    calculateOffsetTaxes();
  });
  

问题2：调用SaveEstimate()时，$('#Offset_GrandTotal')的值为0，但预期值是1300，哪里出错了？ #

先看你给出的GetOffsetCost()代码，这里有个非常明显的语法错误：

$('#Offset_GrandTotal').val() == 0; //for some reasons i assi...

你用了双等号==，这是比较运算符，只会判断输入框的值是否等于0，不会给它赋值！如果你的意图是把输入框设为0，应该改成赋值的写法：

$('#Offset_GrandTotal').val(0);

除此之外，还要排查这几个可能的原因：

1. 函数执行顺序不对：要确保calculateOffsetTaxes()是在GetOffsetCost()之后调用，而且在SaveEstimate()执行前已经跑完了。如果calculateOffsetTaxes里有异步操作（比如AJAX），那可能还没计算完就触发了SaveEstimate，这时候就得用问题1里的方法来保证顺序。
2. 计算数值是否正确：可以在calculateOffsetTaxes里加日志，确认变量值和计算结果：

   function calculateOffsetTaxes() { 
       var OffsetTaxAmount = 500; 
       var FinalCostAfterAddingMarkup = 800; 
       console.log('当前税值:', OffsetTaxAmount, '当前成本:', FinalCostAfterAddingMarkup);
       var tempFinalGrand = (parseFloat(OffsetTaxAmount) + parseFloat(FinalCostAfterAddingMarkup)).toFixed(2); 
       console.log('计算后的总价:', tempFinalGrand);
       $('#Offset_GrandTotal').val(tempFinalGrand); 
   }
   

3. 元素选择器是否有效：确认#Offset_GrandTotal确实能选中目标元素，有没有拼写错误？如果是动态生成的元素，要确保调用函数时元素已经存在于DOM中。

内容的提问来源于stack exchange，提问作者SHK