jquery - 必须按两次按钮才能获得响应 Jquery Mobile

Question

我有一个使用以下代码创建的按钮

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

该按钮创建得很好并且可以工作，但是它只有在被触摸或单击两次时才有效？每次按下它两次后，我在它按预期工作后再次按下它。任何人都知道为什么会这样。

编辑： 下面是触发器正在创建的代码

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>