Jquery мобильная анимация не работает

Question

Я использую jquery mobile alpha 4. Я просто привязываю событие click к тегу span с соответствующим идентификатором, например:

function bindwChk() {

    $j(".wchk").bind('click', function (event) {
        // unbind this event first so that the user cannot click again on word while
        // current event is in progress
        $j(".wchk").unbind('click')

        if (!$j("#wchkdiv")[0]) {
            $j("#misc-cntr").append('<div id="wchkdiv" data-rel="dialog" > </div>');
            $j("#wchkdiv").dialog();


        }

$j('#wchkdiv').html($j("#d1").html());

$j.mobile.changePage($('#wchkdiv'), { transition: "slideup"});

return false;

    });
}

Когда я нажимаю на слово, анимация перехода диалога отображается для небольшой долисекунды, но после этой страницы остается пустое пространство и диалог кажется невидимым.

Кто-нибудь знает решение?

Answer 1

Эта проблема была исправлена ​​после того, как я удалил

<div data-role="page">

из диалоговой разметки.По некоторым причинам data-role=page в диалоговом окне сделает диалоговое окно невидимым.

Answer 2

Вам не хватает точки с запятой, это исправляет?

$j(".wchk").unbind('click');

edit : упс, я не видел вашей последней строки о проблеме, на которую это не повлияет. Ну, вы просто звоните dialog() без каких-либо параметров animation, я попытаюсь что-то найти.