0

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 データテーブル コールバックから呼び出されていることに注意してください。

例

4

1 に答える 1

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」変数が定義されていないため、参照エラーが発生します。

于 2013-07-28T05:50:33.617 に答える