最近新学jQuery,看到前辈们在其基础上的改造,使得功能更加丰富,界面更加美观,也想自己试一试。不料样式怎么都出不来。
我以为是自己代码哪写错了,就把自己的注释了,把教程的复制过来,也不出来。
jquery ui 的样式和js还有jquery 的js都导进来了,以为是路径错了,还一个一个的检查,但是都没有错。
在我花了很长时间找问题之后,我终于找到了问题的所在。
原因就是我将jquery的js放在了jquery ui 的js后面,其实仔细一想就知道,肯定是要先加载jquery才会有样式,jquery都没有样式怎么可能会出来。
也怪自己经验尚浅,这么简单的问题没有注意到,还找了很久的错。主要是以前引入的js基本都没有什么顺序关系,也就忽略了这个问题。
另外在我找错的过程中又巩固了一点:
就是$(document).ready(function(){...});
(或者$(function(){...}))防止文档在完全加载之前运行jQuery代码
在我看的例子中,如果将
<script>
样式应用的代码...
例$("#tabs").tabs()
</script>
放在文档末尾则不用$(function(){...}) 因为文档已经加载完全
但如果放在前面则必须加上,否则样式同样不会出来。