用php检测活动的jqueryui选项卡?
有没有一种方法可以使用php检测哪个选项卡处于活动状态?原因是我想“重置”非活动选项卡以显示其默认内容,而不是上次执行的操作 我发现这段代码有助于记住哪个选项卡处于活动状态(页面刷新后)-非常有用:用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
<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());