javascript - JQueryMobile: stopPropagation() により、href のクリック時に空白のページが点滅する

Question

私は RhoMobile アプリを開発していますが、ページ遷移で多くの問題を抱えています。

最後に、ユーザーエクスペリエンスを向上させるために、それらをオフにすることにしました. 折りたたみ可能な要素内にボタンがある場合を除いて、すべてのボタンクリックは完全に機能します。ボタンのクリック イベントが折りたたみ可能なものをクリックしたものとして解釈されないようにするには、次の js コードを使用しますが、これが問題を引き起こしていると思われます。

 $(document).on('pagebeforeshow', '#index',function(e){ 
   $('.details').bind('click', function (e) {      
     e.stopPropagation();
     e.stopImmediatePropagation();
   });
 });

そしてHTMLで：

<div data-role="page" id="index">
Here go headers & navbar and other stuff
</div>
<div data-role="content">
   <div data-role="collapsible-set" class="uurbon-block">
    <div data-role="collapsible" data-collapsed="false">
      <h3 data-position="inline"><p class='alignleft'>Collapsible title</p><div style="clear: both;"></div>        
        <span style="float:right;" class="button-span">
            <a href="some_url.html" data-role="button" data-mini="true" data-inline='true' data-icon="star" data-iconpos="left" class="details" data-transition="none">
              Button
            </a>     
        </span>  
      </h3>
    </div>
  </div>
</div>

これにより、移行前に 1 ～ 2 秒間空白のページが表示されます。私は修正を探していますが、そうでない場合は、そのページが黒くなるだけで満足します (私のアプリの背景も黒なので、この点滅はそれほど目立ちません)。注：CSSでボディの背景色を設定しようとしましたが、うまくいきません。アイデアをありがとう！