0
我想在同一頁面中使用jQuery傳送帶。這些轉盤使用兩個不同版本的jQuery的,我不能讓他們都在同一時間在同一頁面中使用兩個不同版本的jQuery傳送帶
在這裏工作是我的代碼
<!DOCTYPE HTML>
<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
<meta charset="UTF-8">
<title>TEST</title>
<link rel="stylesheet" href="css/smoothslides.theme.css">
<link rel="stylesheet" href="css/infinite_carousel/simple-list.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/infinite_carousel/periscope-theme-switcher.css" type="text/css" media="screen" />
</head>
<body>
<div>test</div>
<div id="slide" style="width:300px;height:300px;" >
<div class="ss-slides">
<div class="ss-slide">
<img src="images/1.jpg" />
</div>
<div class="ss-slide" title="Caption">
<img src="images/2.jpg" />
</div>
<div class="ss-slide" title="Caption">
<img src="images/3.jpg" />
</div>
</div>
</div>
<div class="demo">
<h2 class="hl">Advanced example, courtesy <a href="http://www.byperiscope.com">Periscope Creations</a></h2>
<div id="sliderBloc">
<a id="previous">Previous</a>
<div style="" id="slider-stage">
<div style="width: 512px;" id="slider-list">
<a class="theme"><img src="css/infinite_carousel/theme1.png" alt="Periscope angels " height="120" width="120" /><span class="nameVignette">Periscope angels </span><span class="changeTheme">changer le thème</span></a>
<a class="theme"><img src="css/infinite_carousel/theme2.jpg" alt="ice-cream mountains" height="120" width="120" /><span class="nameVignette">ice-cream mountains</span><span class="changeTheme">changer le thème</span></a>
</div>
</div>
<a id="next">Next</a>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
<script>
var $j_183 = jQuery.noConflict();
alert($j_183.fn.jquery);
</script>
<script src="js/jquery-1.3.2.min.js"></script>
<script>
var $j_132 = jQuery.noConflict();
alert($j_132.fn.jquery);
</script>
<script type="text/javascript" src="js/smoothslides.min.js"></script>
<script type="text/javascript" src="js/jquery.infinite-carousel.js"></script>
<script type="text/javascript">
$j_183(window).load(function() {
$j_183(document).smoothSlides({
duration: 4000
// options seperated by commas
});
});
$j_132(document).ready(function(){
$j_132('#viewport').carousel('#simplePrevious', '#simpleNext');
$j_132('#slider-stage').carousel('#previous', '#next');
});
</script>
</body>
</html>
第二輪播的工作原理完全與1.3.2版本,但是第一個沒有按」牛逼的工作,我有這樣的錯誤:
Uncaught TypeError: undefined is not a function
在這一行:
$j_183(document).smoothSlides({
如何知道警報對話框顯示正確的版本
與您的代碼的第一個作品,但THR第二個沒:(在控制檯沒有錯誤 – 2015-03-25 12:08:03