jQuery ui.index始终未定义

当我尝试记住jQuery中最后一次单击的选项卡时遇到问题。我想在javascript代码中使用ui.index，但我发现它总是不确定。jQuery ui.index始终未定义

这里是我的代码：

$('#tabs').bind('tabsselect', function(event, ui) { 
    var newIndex = ui.index; 
    $("#<%=hiddenSelectedTab.ClientID%>").val(newIndex); 
});

有谁知道如何解决呢？由于

编辑：

这里是我的html代码：

<div id="tabs"> 
    <ul> 
     <li><a href="#link1"> 
      link1</a></li> 
     <li><a href="#link2"> 
      link2</a></li> 
     <li><a href="#link3"> 
      link3</a></li> 
    </ul> 
    <div id="link1"></div> 
    <div id="link2"></div> 
    <div id="link3"></div> 
</div>

我用hiddenField记住我选用的标签。

<input type="hidden" id="hiddenSelectedTab" runat="server" value="0" />

我修改的javascript代码：

$(document).ready(function() { 
      $("#tabs").tabs().tabs('select', parseInt($("#<%=hiddenSelectedTab.ClientID%>").val())); 
      var $tabs = $("#tabs").tabs(); 
      var selected = $tabs.tabs("option", "selected"); 
      $("#<%=hiddenSelectedTab.ClientID%>").val(selected); 
});

该行始终返回0

var selected = $tabs.tabs("option", "selected");

我真的很困惑。。:(

来源

2011-01-10 Alex SUN

你可以发布一些你的HTML吗？ – hunter 2011-01-10 17:04:33

你可以看看吗？ – 2011-01-10 17:13:55

如果您想要在浏览器关闭后记住上次选择的选项卡，则应使用cookie。如果你要记住，没有浏览器关闭这个完整的代码为我工作选择标签：（如果你想使用隐藏的输入）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
<script src="js/jquery.ui.core.js"></script> 
<script src="js/jquery.ui.widget.js"></script> 
<script src="js/jquery.ui.tabs.js"></script> 
<link rel="stylesheet" href="css/jquery-ui-1.8.7.custom.css"/> 
</head> 
<div id="tabs"> 
    <ul> 
     <li><a href="#link1"> 
      link1</a></li> 
     <li><a href="#link2"> 
      link2</a></li> 
     <li><a href="#link3"> 
      link3</a></li> 
    </ul> 
    <div id="link1"></div> 
    <div id="link2"></div> 
    <div id="link3"></div> 
</div> 
<input type="hidden" id="hiddenSelectedTab" value="2" /> 
<script language="javascript"> 
$(document).ready(function() { 
alert($("#hiddenSelectedTab").val()); 
$("#tabs").tabs().tabs({ 
selected:parseInt($("#hiddenSelectedTab").val()), 
select: function(event, ui) { 
alert(ui.index); 
$("#hiddenSelectedTab").val(ui.index); 
alert($("#hiddenSelectedTab").val()); 
} 
}); 
}); 
</script>

后浏览器“红色警戒2”中选择1个选项卡“警报0”两次

后

来源

2011-01-11 14:35:05 imez

使用cookie检查this link

功能是这样的：

$(function() { 
    $("#tabs").tabs({ 
     cookie: { 
      // store cookie for a day, without, it would be a session cookie 
      expires: 1 
     } 
    }); 
})

来源

2011-01-10 16:10:42 imez

你的意思是没有事件的解决方案？ – 2011-01-10 16:12:55

我不确定，但Cookie做到了。 – imez 2011-01-10 16:15:10

$("#tabs").tabs().tabs('select',$("#hiddenSelectedTab").val()); 
var $tabs = $("#tabs").tabs(); 
var selected = $tabs.tabs("option", "selected"); 
$("#<%=hiddenSelectedTab.ClientID%>").val("selected");

我有一个问题与

parseInt($("#<%=hiddenSelectedTab.ClientID%>").val())

与

$("#hiddenSelectedTab").val()

更换

它工作！

来源

2011-01-10 17:52:32 imez

jQuery ui.index始终未定义

回答

相关问题