Javascript jQuery UI选项卡和对话框

如何在单击时将jQuery ui选项卡添加到对话框中？ 这是我的密码

<p>
  <a href="#" class = "premium_payer">Premium Payer:</a> 
  <span data-bind = "text: movements_owner_fullname"  id = "movements_payer_fullname" >         </span>
</p>

<script type="text/javascript">
  $('a.premium_payer').click(function payerDialog(e){
    $("#premium_payer").html('').dialog();
    $("#premium_payer").append('<p>' + "Full name: " + payer_fullname + '</p>').dialog();
    $("#premium_ayer").append('<p>' + "ID Number: " + person_id + '</p>').dialog();
            e.preventDefault();
    });
</script>

$（'a.premium\u payer'）。单击（功能payerDialog（e）{
$（“#保费支付人”）.html（“”）.dialog（）；
$（“#保费支付人”）。追加（“”+”全名：“+payer_fullname+”
”）。对话框（）；
$（“#premium_ayer”）.append（“”+”ID号：“+person_ID+”
”）.dialog（）；
e、 预防默认值（）；
});
<代码> > P>你可以考虑这个方法吗？

标题有点混乱。主要思想-从剩余的url加载内容。这比在javascript中构建“种类a”模板方便得多。

<script type="text/javascript">
    $(document).ready(function(){
        $('a.premium_payer').click(function payerDialog(e){
            e.preventDefault();               
            var tabs = $("<div><ul><li><a href='#tab1'>tab1</a></li><li><a href='#tab2'>tab2</a></li></ul><div id='tab1'>Tab1 content</div><div id='tab2'>tab2 content</div></div>");
             $("#premium_payer").empty().append(tabs);
             $("#premium_payer").dialog();
             tabs.tabs();
        });
    });
</script>

$（文档）.ready（函数（）{
$（'a.premium\u payer'）。单击（功能payerDialog（e）{
e、 预防默认值（）；
var tabs=$（“

编辑如果需要现有元素，请使用display:none隐藏此元素

 <div id="tabs" style="display:none">
      <ul>
             <li>
                   <a href='#tab1'>tab1</a>
              </li>
              <li>
                    <a href='#tab2'>tab2</a>
              </li>
      </ul>
      <div id='tab1'>Tab1 content</div>
      <div id='tab2'>tab2 content</div>
 </div>

<script type="text/javascript">
    $(document).ready(function(){
        $('a.premium_payer').click(function payerDialog(e){
            e.preventDefault();               
            var tabs = $("#tabs");
             $("#premium_payer").empty().append(tabs);
             $("#premium_payer").dialog();
             tabs.show();
             tabs.tabs();
        });
    });
</script>








表1内容
表2内容
$（文档）.ready（函数（）{
$（'a.premium\u payer'）。单击（功能payerDialog（e）{
e、 预防默认值（）；
var制表符=$（“#制表符”）；
$（“#保费支付人”）.empty（）.append（制表符）；
$（“#保费支付人”）.dialog（）；
tabs.show（）；
tabs.tabs（）；
});
});
@WimOmbelets我想你指的是自动取款机？但无论如何，当用户单击“Premium payer”href时，会使用append从JS生成一个对话框。您想在哪里创建选项卡？我没有看到任何相关的HTML或JS上的标签需要修改constructed@AtifMohammedAmeenuddin我希望在对话框中创建选项卡，正如我在开场白中提到的那样。@Gregorie也可以将
var选项卡
放在我的HTML中并链接它吗？谢谢你的想法：）如果事情变得太麻烦，你会记住它的！