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始終未定義

回答

相關問題