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; ?>">