jQuery选项卡中的PHP

jQuery选项卡中的PHP,php,jquery,tabs,Php,Jquery,Tabs,我想创建一个按钮来添加带有主体选项卡的选项卡 请看上面的代码 $('#tabs1').tabs('add', 'lorem.txt', xxxxx' ..... 如您所见,'lorem.txt'是从中检索信息并显示在正文选项卡中的, 我想把php代码和表单放在选项卡体中而不是使用'lorem.txt' 问题是,如果我将php代码放在jquery中,它将不起作用 我的问题是,当用户单击按钮添加选项卡时,是否有其他方法可以使用php代码显示表单? 我正在使用div标记。这是我的密码 <scr

我想创建一个按钮来添加带有主体选项卡的选项卡
请看上面的代码

$('#tabs1').tabs('add', 'lorem.txt', xxxxx' .....
如您所见,
'lorem.txt'
是从中检索信息并显示在正文选项卡中的,
我想把
php
代码和表单放在
选项卡体中
而不是使用
'lorem.txt'

问题是,如果我将php代码放在jquery中,它将不起作用

我的问题是,当用户单击按钮添加
选项卡时,是否有其他方法可以使用
php
代码显示表单?
我正在使用
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>

(功能(){
$(函数(){
var tab_计数器=0;
$('#tabs1')。选项卡({
closable:是的,
是的,
添加:功能(e、ui){
$('#tabs1').tabs('select','#'+ui.panel.id);
}
});
$(“#选项卡_创建者”)。单击(函数(){
tab_计数器+=1;
$('#tabs1').tabs('add','lorem.txt','Tab'+tabu计数器);
返回false;
});
$('#tabs2').tabs();
});
})(jQuery);
可关闭标签
制表符一体

选项卡两个主体

选项卡三体




如果JS代码直接放在
(如您的示例所示):

。。。将PHP代码放入#tabs1中的data filename属性中:


您添加了jquery ui文件了吗?当您直接在位置栏中加载PHP文件时,它能工作吗?它是有效的XHTML吗?我不想使用ui文件,我想用php代码代替文件。有办法!当然用PHP替换
tabs one body
,并移除加载或完整的制表符,我知道这部分内容,但我所说的是当人们单击按钮添加新制表符并希望在body制表符中显示使用PHP的表单时。这是怎么回事!
$('#tabs1').tabs('add', '<?php echo $filename; ?>', 'Tab ' + tab_counter);
$('#tabs1').tabs('add', $( '#tabs1' ).attr( 'data-filename' ), 'Tab ' + tab_counter);
<div id="tabs1" data-filename="<?php echo $filename; ?>">