优化 jquery 文件，用于鼠标悬停更改内容

Question

我想在用户将鼠标悬停在 link 上时更改内容！我已经搜索了很多关于这个主题的内容。我终于找到了最适合自己的解决方案。

该代码包含两个 .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，您可以在其中 select 您想要的部分。下载的 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 文件，用于鼠标悬停更改内容

Refinement jquery files for mouseover change content

javascript

jquery

mouseover