Почему jQuery Mobile Simple Dialogue зависает, когда пользователи нажимают слишком быстро?

Question

Я использую simpledialog2 для создания диалоговых окон в моем приложении jQuery Mobile.

По крайней мере, в Google Chrome, если пользователь открывает диалоговое окно, нажимая на один из элементов представления списка, закрывает его инемедленно открывает другое, диалоговые окна больше не открываются, когда пользователь нажимает на элементы списка.

Вот это 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.

$(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

Одно из основных различий между написанием с использованием обычного jQuery и jQuery mobile заключается в том, что вы используете

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

вместо

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

Не знаете, как решить вашу конкретную проблему,хорошее начало - изменить код загрузки сайта, написанного на jquery mobile.