1

ボディタブ付きのタブを追加するためのボタンを作成したい
それが言うところのコードを見てください

$('#tabs1').tabs('add', 'lorem.txt', xxxxx' .....

ご覧'lorem.txt'のとおり、本文のタブに表示する情報を取得する場所から、コードとフォームを内部
に配置し、使用しないようにします 。問題は、phpコードをjquery内に配置すると機能しないことです。phptabs body'lorem.txt'

php私の質問は、人がボタンをクリックして追加したときにコードを使用してフォームを表示する方法は他にありますtabsか？タグ
を使用しています。divこれが私のコードです。 

<script>
(function() {
    $(function() {
        var tab_counter = 0;
        $('#tabs1').tabs({
            closable: true,
            cache:true,
            add: function(e, ui){
                $('#tabs1').tabs('select', '#' + ui.panel.id);
            }
        });
        $('#tab_creator').click(function(){
            tab_counter += 1;
            $('#tabs1').tabs('add', 'lorem.txt', 'Tab ' + tab_counter);
            return false;
        });
        $('#tabs2').tabs();
    });
})(jQuery);
</script>

</head>

<body>

<h2 class="ui-widget ui-widget-header">closable Tabs</h2>
<input id="tab_creator" type="button" value="Add New Tab">
<div id="tabs1">
    <ul>
    <li><a href="#tabs1-1">tabs one</a></li>
    <li><a href="#tabs1-2">tabs two</a></li>
    <li><a href="#tabs1-3">tabs three</a></li>
    </ul>
    <div id="tabs1-1">
        <p> tabs one body</p>
    </div>
    <div id="tabs1-2">
        <p>tabs two body</p>
    </div>
    <div id="tabs1-3">
        <p>tabs three body</p>
    </div>
</div>
<br>
<br>
4

1 に答える 1

0

JSコードが<head>（例として）直接配置されている場合：

$('#tabs1').tabs('add', '<?php echo $filename; ?>', 'Tab ' + tab_counter);

それ以外の場合は、次のようなものが必要です。

$('#tabs1').tabs('add', $( '#tabs1' ).attr( 'data-filename' ), 'Tab ' + tab_counter);

... PHPコードを＃tabs1のdata-filename属性内に配置します。

<div id="tabs1" data-filename="<?php echo $filename; ?>">

データ属性について：Google

于 2013-01-31T06:16:56.623 に答える