Question

我使用jQuery对话框小部件显示来自服务器的返回JSON数据。我似乎能够让这个工作的唯一方式似乎有点'hacky'。我必须创建一个锚并隐藏它，并在data-roll='page' div之外添加对话框结构 -

<a id='lnkDialog' href="#dialog" data-rel="dialog" data-transition="pop"></a>

一个＃lnkDialog {显示：无;}

<div data-role="page" id="dialog" data-close-btn="right">
    <div data-role="header" data-theme="d" class="ui-icon-nodisc" data-iconshadow="false"> 
     <h1 id="dialogHeadline"></h1></div>    
     <div data-role="content" id="text"></div>    
</div>

显示返回的JSON我必须在$ .ajax调用的success函数中添加它。

$("#lnkDialog").click();
$("#dialogHeadline").text('Success');
$('#text').append('<p>The location ' + '<span style="font-weight:bold;font-style:italic;">' + Name + '</span> has been added.</p>' + '<p>Details:<br> ' + 'ID: ' + ID + '<br>Address: ' + Address1 + '</p>');

我宁愿将对话框的HTML结构存储在var中，如果可能，请在$('#lnkDialog').click();中调用它，但无法使其工作。

var dialog = '<div data-role="header" id="dialog" data-close-btn="right">//rest of HTML</div>';
$('#lnkDialog'.click( dialog );//doesn't seem to work, and how would I chain the .text and .append functions here?

我需要从页面上的多个表单多次访问此对话框结构。我如何更有效地完成这项工作？

有没有更好的方法来创建动态生成的jQuery Mobile Dialog？

0 个答案: