必须按两次按钮才能响应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>