带有模板字符串选项卡的JQuery UI对话框

Question

我正在尝试创建一个JQuery-UI对话框，其中嵌入了jquery-ui选项卡式结构。这是我的功能：

 <script type="text/javascript" language="javascript" charset="utf-8">

 function createDialog(title, text) {
var tstr="<div id='tabs' >"
+"<ul>"
+"<li><a href='#tabs-1'>A</a></li>"
+"<li><a href='#tabs-2'>B</a></li>"
+"</ul>"
+"<div id='tabs-1'>"
+"A Stuff Goes Here"
+"</div>"
+"<div id='tabs-2'>B Stuff Goes Here"
+"</div>"
+"</div>"
 return $("<div class='dialog' title='" + title + "'><p>" + tstr + "</p></div>")
 .dialog({
resizable:true,
height:480,
width:650,
modal:true,
buttons: {
        "Dismiss": function() {
            $( this ).dialog( "close" );
        }
    }
});
tabs.tabs();

}

</script>

调用函数时会出现对话框，但选项卡的格式为链接。任何人都可以给我一个关于错误的想法吗？请注意，该函数是从JQuery数据表回调中调用的。

Answer 1

1. “标签”未在您的示例中定义
2. 由于您在返回时创建了一个对话框，因此您需要使用对话框调用链接标签调用。

例如： ...

 return $("<div class='dialog' title='" + title + "'><p>" + tstr + "</p></div>")
     .dialog({
    resizable:true,
    height:480,
    width:650,
    modal:true,
    buttons: {
            "Dismiss": function() {
                $( this ).dialog( "close" );
            }
        }
    }).tabs();

你是在正确的道路上但是因为在返回后调用“tabs（）”它永远不会执行。此外，由于未定义“tabs”变量，您将收到参考错误。