ユーザーがクリックするとjQuery Mobile Simple Dialogueがフリーズするのはなぜですか？

Question

私はjQuery Mobileアプリケーションでダイアログボックスを作成するためにsimpledialog2を使用しています。

少なくともGoogle Chromeでは、ユーザーがリストビューアイテムの1つをクリックしてダイアログボックスを開いて閉じると、ユーザーがリストアイテムをクリックしたときにもう開いていない別のダイアログボックスがすぐに開きます。ここで

はjsFiddle

のはなぜですか？

ここは自分のHTMLです。

<ul data-role="listview"> 
    <li><a href="#">foo</a></li> 
    <li><a href="#">bar</a></li> 
    <li><a href="#">baz</a></li> 
</ul>​ 

とJavascript。定期的にjQueryとjQuery Mobileと書き込みの主な違いの

$(function() { 

    // When user clicks on a list item, produce a dialogue/alert box. 
    $('[data-role="listview"] a').click(function(event) { 
     event.preventDefault(); 
     $('<div>').simpledialog2({ 
       mode: 'blank', 
       headerText: "Popup title", 
       headerClose: true,    
       dialogForce: true, 
       blankContent: 
       "My message to you." 
     }); 
    }); 
}); 

Answer 1

一つは、あなたが

$(document).bind('pageinit', function() { 
    // code here 
}); 

代わりの

$(function() { 
    // code here 
}); 

未修正する方法がわから使用することですあなたの特定の問題ですが、良いスタートは、サイトのコードをロードするときに変更することですjquery mobileで書かれています。