jquery - 応答のためにボタンを 2 回押す必要がある Jquery Mobile

Question

次のコードで作成されているボタンがあります

setTimeout(function(){
  $('#ratesection').html(vote).trigger('create');},
   400
);

ボタンは正常に作成され、機能しますが、2回タッチまたはクリックした場合にのみ機能しますか? いつでも2回押した後、期待どおりに機能したらもう一度押します。なぜこれが起こっているのか、誰もが知っています。

編集: 以下は、トリガーが作成しているコードです

vote = "<div id='mobiscroll'></div><button id='rate' data-inline='true'>Rate D Chune</button><span id='ratetext'>N/A</span><input type='hidden' id='rating' name='rating' />"

編集: これは、要求された HTML とクリック機能です。

クリック機能

$(document).on('click', '#rate', function () {
             $('#mobiscroll').mobiscroll('show'); });

HTML

<div data-role="content" style="height: 100%">
            <div class="ui-grid-solo">
                <div class="ui-grid-a" id="ratesection"></div> 
            </div>