我想在用户将鼠标悬停在链接上时更改内容!
我已经搜索了很多有关此主题的内容。最后,我为自己找到了最好的解决方案。
该代码包括两个.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