改進用於鼠標懸停更改內容的jquery文件

我想在用戶通過鏈接進行鼠標懸停時更改內容！我已經搜索了很多關於這個問題。最後我爲自己找到了最好的解決方案。改進用於鼠標懸停更改內容的jquery文件

代碼包括兩個.js文件：

<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<script> 
    $(function() { 
    $("#tabs").tabs({ 
     event: "mouseover" 
    }); 
    }); 
</script>

HTML

<div id="tabs"> 
      <nav> 
       <ul> 
        <li><a href="#tabs-1">first</a></li> 
        <li><a href="#tabs-2">second</a></li> 
      <li><a href="#tabs-3">last</a></li> 
       </ul> 
      </nav> 

<div id="tabs-1"> 
<h2>title</h2> 
<p> something </p> 
</div> 

<div id="tabs-2"> 
<h2>title2</h2> 
<p> something2 </p> 
</div> 

<div id="tabs-3"> 
<h2>title3</h2> 
<p> something3 </p> 
</div> 

</div>

我的問題是，這兩個.js文件較大（730KB總）。有沒有人可以用必要的部分來細化jQuery文件，這讓我可以毫無問題地運行這些代碼？

謝謝！

來源

2015-04-03 arshidok

使用.min.js文件包含生產（小=> unreadabe）。使用.js文件進行開發（大=>可讀） – 2015-04-03 07:29:36

請問你可以鏈接嗎？ – arshidok 2015-04-03 07:31:51

如果我理解你的問題，你只想要更小的js文件？如果是這樣，jqueryui有一個download builder你可以選擇你想要的部分。下載的zip包含jquery-ui.min.js，然後您可以使用它。它非常小。

而且你可以使用minified version of jquery這是隻有83KB

來源

2015-04-03 07:32:05 IamNaN

我在js文件中很糟糕！對於此操作（鼠標懸停更改div），我如何創建正確的js文件並下載buidler – arshidok 2015-04-03 08:06:55

對於您發佈的代碼，請在頂部切換全部，以便選擇任何內容。然後下載到Widgets並選擇Tabs（它將自動添加它所依賴的所需文件），然後選擇Effects Core。然後選擇一個主題（或者如果你想自己設計風格，不要選擇主題）並下載。從zip文件中取出jquery-ui.min.js並將其與您的其他文件放在一起，然後將其鏈接到您的頁面上。 – IamNaN 2015-04-03 08:33:47

你必須有這樣的：

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

這些文件是你已經張貼什麼精縮版。

來源

2015-04-03 07:36:42 Hkidd

不工作！但是謝謝 – arshidok 2015-04-03 08:04:26

我的不好。第二行包含一個'jquery-migrate'文件。這應該是你的'jquery-ui.min'文件。 – Hkidd 2015-04-03 08:09:52

仍然無法工作！我想我做錯了什麼！我會努力的！謝謝 – arshidok 2015-04-03 08:25:11

改進用於鼠標懸停更改內容的jquery文件

回答

相關問題