У меня есть эта функция, которая принимает текстовую строку, такую как "Привет, мое имя ¬¬¬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);
}