jQuery選項卡在Internet Explorer中不起作用，但在Chrome中

Question

我需要有關正在構建的Web應用程序的幫助。 我正在使用jQuery標簽。 我有兩個頁面，index.aspx和login.aspx。 您從索引頁面開始，登錄時進入登錄頁面。 如果我運行的是Google Chrome瀏覽器，則兩個頁面上的標簽都有效。 但是，如果我正在運行IE，則第一頁（index.aspx）可以完美運行，但是當我進入login.aspx時，程序會中斷並跳轉到JavaScript文件，然后在那里停止。

在JavaScript文件中，我有以下代碼：

$(document).ready(function () {
    $(function () {
        $("#tabs").tabs();
    });
});


$(document).ready(function () {
    var index = 'key';
    var dataStore = window.sessionStorage;
    try {
        var oldIndex = dataStore.getItem(index);
    }
    catch (e) {
        var oldIndex = 0;
    }
    $('#tabs').tabs({
        active: oldIndex,
        activate: function (event, ui) {
            var newIndex = ui.newTab.parent().children().index(ui.newTab);
            dataStore.setItem(index, newIndex)
        }
    });
});

它首先停在底部功能，如果我按繼續，它將停在頂部功能。 我收到的錯誤消息是“對象不支持此屬性或方法”

login.aspx的：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="Projekt.login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
      <meta charset="utf-8" />
<title></title>

</head>
<body>
<form id="myform" runat="server">
<div id="content-wrapper">
<div id="content">
<div id="tabs">
  <ul>
    <li><a href="#tabs-1">tab1</a></li>
    <li><a href="#tabs-2">tab2</a></li>
    <li><a href="#tabs-3">tab3</a></li>
  </ul>

    <div id="tabs-1">
      </div>

 <div id="tabs-2">
       </div>

  <div id="tabs-3">
      </div>

  </div>
</div>   
</div>


<div id="header-wrapper">
    <div id="header" style="height: 81px; top: 0px; left: -1px;">
          </div>
</div>

<div id="footer-wrapper">
    <div id="footer">
                 </div>
</div>

</form>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<link rel="stylesheet" href="myCSS.css" type="text/css"/>
<script src="JSprojekt.js" type="text/javascript"></script>


<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-2.0.3.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.js" type="text/javascript"></script>
</body>
</html>

請保持簡單，這是我的新手。 非常感謝你！

Answer 1

問題在這里：

<script src="http://code.jquery.com/jquery-2.0.3.js" type="text/javascript"></script>

jQuery 2.x不支持IE <10

您可能根本不需要兩個jquery都包括，只需將其刪除即可。

jQuery選項卡在Internet Explorer中不起作用，但在Chrome中

問題描述

1 個解決方案

解決方案1
1 已采納 2013-11-06 18:25:06

jQuery選項卡在Internet Explorer中不起作用，但在Chrome中

問題描述

1 個解決方案

解決方案1 1 已采納 2013-11-06 18:25:06

解決方案1
1 已采納 2013-11-06 18:25:06