我想在用户将鼠标悬停在链接上时更改内容!
我已经搜索了很多有关此主题的内容。最后,我为自己找到了最好的解决方案。

该代码包括两个.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文件,这使我可以毫无问题地运行此代码?

谢谢!

最佳答案

如果我正确理解您的问题,您只需要较小的js文件?
如果是这样,jqueryui具有download builder,您可以在其中选择所需的部分。下载的zip包含jquery-ui.min.js,您可以随后使用它。很小

而且您可以使用minified version of jquery仅83KB

10-06 04:32
查看更多