ボタンの2回目のクリックで呼び出される関数

Question

クリックしたときにボタンがあります.mo関数が呼び出されるようにしたいのですが、2回目のクリックでのみその関数を実行します。

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"); 
     }); 
});