jquery无法正常显示效果

walkman_22 2012-02-08 04:48:57

主页面：



<html>

  <head>

  	<title></title>

  	<link rel="stylesheet" href="jquery.css" type="text/css" media="screen"/>

  	<script	src="jquery.js" type="text/javascript">

  		$(document).ready(function(){

  		  $('#selected-plays > li').addClass('horizontal');

  	});

  	</script>

  </head>

  <body>

		<ul id="selected-plays">

			<!--Comedies-->

		  <li>Comedies

		  	<ul>

		  		<li>walkman</li>

		  		<li>sony</li>

		  	</ul>

		  </li>

			<!--Tragedies-->

		  <li>Tragedies

		  	<ul>

		  		<li>romio</li>

		  		<li>julie</li>

		  	</ul>

		  </li>		

		  <!--Histories-->

		  <li>Histories

		  	<ul>

		  		<li>Part I</li>

		  		<li>Part II</li>

		  	</ul>

		  </li>	  

		</ul>

  </body>

</html>

需要用的css文件



.horizontal {

	float: left;

	list-style: none;

	margin: 10px;

}

需要用Jquery实现几个有序列表的横向排列，但效果显示不出来。
请大神指点一二，刚开始学Jquery。

...全文

162 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

walkman_22 2012-02-08

打赏
举报

问题解决了，还是问一下，为什么两个要分开。

walkman_22 2012-02-08

打赏
举报

[Quote=引用 5 楼 iamaitman 的回复:]
JScript code
<script src="jquery.js" type="text/javascript">
$(document).ready(function(){
$('#selected-plays > li').addClass('horizontal');
});
</scrip……
[/Quote]

楼上的过奖了，我是照猫画虎的，不清楚要换行。

问苍天人生几何 2012-02-08

打赏
举报

      <script    src="jquery.js" type="text/javascript">

          $(document).ready(function(){

            $('#selected-plays > li').addClass('horizontal');

      });

      </script>

估计LZ的本意是想省写一行代码，呵呵！

MrChapter 2012-02-08

打赏
举报

[Quote=引用 1 楼 acesidonu 的回复:]
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#selected-plays > li').addClass('horizontal');
});
</script>
要分开
[/Quote]
正解！！！

laidezhong 2012-02-08