jQuery Mobile-动态弹出的弹出窗口不弹出

Question

我有此函数，该函数需要一个文本字符串，例如“ Hello there，我的名字是¬¬¬¬¬¬¬¬¬ü”，并且该函数试图在弹出式按钮中输出由“¬¬”包围的文本附有菜单选项列表，但是，当按钮显示确定，样式正确并在鼠标悬停时显示链接时，单击该菜单时不会显示弹出列表。 整个功能在上下文中使用（显然，大多数功能与该问题无关）。 我非常感谢您的帮助，因为我已经搜索了一段时间以寻找答案：

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);
    }

Answer 1

建立连结时，请变更

data-rel="fwordPopup"

至

data-rel="popup"

这是一个演示