Jquery選項卡用戶界面問題

您好面臨JQuery選項卡UI的問題。

.vbhtml：

<script type ="text/javascript"> 
    $(document).ready(function() { 
     $('.tabs').tabs(); 
    }); 
</script> 

<div class="tabs"> 
     <ul> 
      <li><a href="#tabs-1">Tab1</a></li> 
      <li><a href="#tabs-2">Tab2</a></li> 
     </ul> 
    <div id="tabs-1"></div> 
    <div id="tabs-2"></div> 
</div>

在我_Layout.vbhtml

：

<link href="~/Content/jquery-ui.css" rel="stylesheet" /> 
<link href="~/Content/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" /> 
<link href="~/Content/Style.css" rel="stylesheet" /> 

<script src="~/Scripts/jquery-2.1.1.min.js"></script>

收到此錯誤：

0x800a01b6 - Microsoft JScript runtime error: Object doesn't support property or method 'tabs'

試圖這樣做很多事情，但沒有找到任何解決方案。可能缺少一個基本的東西，但無法找出問題。任何幫助對我來說都很有幫助。

謝謝。

來源

2014-07-09 sush

只要改變爲：

<script src="~/Scripts/jquery-2.1.1.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> 
<link href="~/Content/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" /> 
<link href="~/Content/Style.css" rel="stylesheet" />

來源

2014-07-09 20:31:00 Hackerman

非常感謝。這是行得通的。對於jquery而言是新手，需要一些信息。你能簡單地告訴我，爲了與Jquery一起工作，我們需要在Visual Studio中包含哪些必需的必需文件？腳本和css文件。 – sush

是，@Robert羅薩斯的解決方案應該工作。在加載依賴於jQuery插件的jQuery UI插件之前，應先使用jQuery插件。

來源

2014-07-09 20:37:03 RingMaster

Jquery選項卡用戶界面問題

回答

相關問題