第二次点击按钮时调用的功能（不是第一次）

Question

单击时我有一个按钮我希望它确保调用.mo函数，但是它只会在第二次单击时运行该函数。

mealplan（）函数正常运行

HTML

<button class="" id="mealbtn" onclick="mealplan()">CLICK ME</button>

我需要在点击时调用mealplan（）和.mo函数。

 function mealplan(){
       // also runs on click          
      }

      Shopify.mo = function(q,ref) {
  // this is the function that I need to run uupon click, but it is only running on second click
      };

      $('#mealbtn').on('click', function(e) {
        // should call the .mo function on click 
        Shopify.mo(Shopify.queuemeals,"note");

      });      

Answer 1

jQuery on('click')方法仅在单击按钮时发生。 您的代码建议在单击按钮时，我们会初始化按钮的点击方法。

要修复它，请将jQuery事件移动到页面加载时运行的函数：

$( document ).ready(function() {
     $('#mealbtn').on('click', function(e) {
        // should call the .mo function on click 
        Shopify.mo(Shopify.queuemeals,"note");
      });
});