用php检测活动的jqueryui选项卡?

用php检测活动的jqueryui选项卡?,php,session,jquery-ui-tabs,Php,Session,Jquery Ui Tabs,有没有一种方法可以使用php检测哪个选项卡处于活动状态?原因是我想“重置”非活动选项卡以显示其默认内容,而不是上次执行的操作 我发现这段代码有助于记住哪个选项卡处于活动状态(页面刷新后)-非常有用: <script type="text/javascript"> $(function() { // http://balaarjunan.wordpress.com/2010/11/10/html5-session-storage-key-things-to-consid

有没有一种方法可以使用php检测哪个选项卡处于活动状态?原因是我想“重置”非活动选项卡以显示其默认内容,而不是上次执行的操作

我发现这段代码有助于记住哪个选项卡处于活动状态(页面刷新后)-非常有用:

<script type="text/javascript">
  $(function() {

//      http://balaarjunan.wordpress.com/2010/11/10/html5-session-storage-key-things-to-consider/
//
//  Define friendly index name
var index = 'key';
//  Define friendly data store name
var dataStore = window.sessionStorage;
//  Start magic!
try {
    // getter: Fetch previous value
    var oldIndex = dataStore.getItem(index);
} catch(e) {
    // getter: Always default to first tab in error state
    var oldIndex = 0;
}
$('#tabs').tabs({
    // The zero-based index of the panel that is active (open)
    active : oldIndex,
    // Triggered after a tab has been activated
    activate : function( event, ui ){
        //  Get future value
        var newIndex = ui.newTab.parent().children().index(ui.newTab);
        //  Set future value
        dataStore.setItem( index, newIndex ) 
    }
}); 
}); 

$(函数(){
//      http://balaarjunan.wordpress.com/2010/11/10/html5-session-storage-key-things-to-consider/
//
//定义友好索引名
var指数='键';
//定义友好的数据存储名称
var dataStore=window.sessionStorage;
//开始变魔术!
试一试{
//获取之前的值
var oldIndex=dataStore.getItem(索引);
}捕获(e){
//getter:始终默认为处于错误状态的第一个选项卡
var oldIndex=0;
}
$('#制表符')。制表符({
//激活(打开)面板的从零开始的索引
活动:旧索引,
//在选项卡被激活后触发
激活:功能(事件、用户界面){
//获得未来价值
var newIndex=ui.newTab.parent().children().index(ui.newTab);
//设定未来价值
dataStore.setItem(index,newIndex)
}
}); 
}); 

您无法使用PHP检测HTML内容,当输出完成时,与服务器的连接将关闭,您无法再访问服务器

唯一的方法是Ajax,但这对于没有页面重新加载的实时修改器来说是毫无意义的。 您应该使用纯JQUery来解决这个问题

您可以制作两个内容容器,并在隐藏状态下显示内容的一个原始版本和一个要编辑的版本

<div id="original" style="display: none;">
    original content
</div>
<div id="custom">
    custom content
</div>

原始内容
自定义内容
如果要恢复原始文本,可以切换容器显示:

<script type="text/javascript">
    $("#original").toggle();
    $("#custom").toggle();
</script>

$(“#原件”).toggle();
$(“#自定义”).toggle();
甚至可以用原始内容覆盖修改后的内容:

<script type="text/javascript">
    $("#custom").html($("#original").html());
</script>

$(“#自定义”).html($(“#原始”).html());