Question

我想在用户通过链接鼠标悬停时更改内容！我搜索了很多关于这个主题的内容。最后，我为自己找到了最佳解决方案。

代码包含两个.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文件，这让我可以毫无问题地运行此代码？

谢谢！

Answer 1

如果我理解你的问题，你只需要更小的js文件？如果是这样，jqueryui有download builder，您可以在其中选择所需的部分。下载的zip包含jquery-ui.min.js，您可以使用它们。它非常小。

你可以使用只有83KB的minified version of jquery

Answer 2

你必须包含这个：

<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>

这些文件是您发布的缩小版本。

用于鼠标悬停的精简jquery文件更改内容

2 个答案: