JQuery mobile - динамически добавляемое всплывающее окно не появляется

0

У меня есть эта функция, которая принимает текстовую строку, такую как "Привет, мое имя ¬¬¬John¬¬¬", и функция пытается вывести текст, окруженный "¬¬¬" кнопкой с всплывающим окном однако при включенной опции меню, в то время как кнопка отображается в порядке, оформлена правильно и показывает ссылку при наведении курсора, список popup ul не появляется при нажатии на него. Вся функция ниже для контекста (очевидно, большая часть из них, вероятно, не имеет отношения к вопросу). Я бы очень признателен за помощь, потому что некоторое время искал ответы:

function displayText( element, txt )
{
    console.log("lesson text:" + txt);
    var buildtext = '<span>';

    if(txt.indexOf("¬¬¬") != -1)     
    {
        var splitarr = txt.split("¬¬¬");

        for (var i=0;i<splitarr.length;i++)
        {   

            if( i%2 == 1 ) 
            {
                buildtext += '<a href="#fwordPopupMenu' + i + '" data-rel="fwordPopup" data-role="button" data-inline="true" data-transition="slideup" data-icon="false" data-theme="e">' + splitarr[i] + '</a>' +
                              '<div data-role="popup" id="fwordPopupMenu' + i + '" data-theme="d">' +
                               '<ul data-role="listview" data-inset="true" style="min-width:210px;" data-theme="d">' +
                                '<li><a href="#">View details</a></li>' +
                               '</ul>' +
                              '</div>';
            }
                else
            {
                buildtext += splitarr[i];
            }                        
            console.log(splitarr[i]);
        }
        buildtext += '</span>';
    }
    else    // text contains no special words so display as is
    {
        buildtext = txt;
    }

    $(element).html(buildtext);

    if( element == '#tutor-paragraph' )
    {
        //document.getElementById("tutor-paragraph").style.webkitAnimationName = "";
        console.log("reseting animation");
        $('#tutor-paragraph').addClass('run-animation');
        //document.getElementById("tutor-paragraph").style.webkitAnimationName = "example";
    }
    //refresh element to get styling
    $(element).trigger('create');
    //$('element').selectmenu('refresh', true);
    }
Теги:
jquery-mobile

1 ответ

0
Лучший ответ

Когда вы создадите ссылку, измените

data-rel="fwordPopup"

в

data-rel="popup"

Вот ДЕМО

  • 0
    Спасибо! Очень хорошо заметили - я думал, что это, вероятно, действительно техническая проблема или что-то в этом роде, но оказалось, что это была довольно глупая ошибка ...

Ещё вопросы

Сообщество Overcoder
Наверх
Меню