我试图在我的页面上设置两个旋转木马,但是我无法单独控制每个旋转木马,当我点击导航按钮时,它会移动两个旋转木马.任何的想法？我应该在css文件中更改一些内容吗？或者用一个jquery运行两个轮播的正确命令是什么？
我的HTML代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="stylesheets/reset.css" rel="stylesheet" type="text/css" />
<link href="stylesheets/main_css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/browser-compatibility.js"></script>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="widget/lib/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="widget/lib/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="widget/lib/jquery.ui.rcarousel.min.js"></script>
<link type="text/css" rel="stylesheet" href="widget/css/rcarousel.css" />
<link rel="stylesheet" type="text/css" href="widget/css/style.css" />
<script type="text/javascript" src="widget/lib/carous.js"></script>
</head>
<body>
<div id="container">
<div id="carousel" class="carousel_pfi cf">
<div id="slide01" class="slide">
<img src="images/placeholder_crs.png" />
<div class="text">
<h1>continuous carousel continuous carousel continuous carousel …