我正在使用tinycarousel,出于某种原因,当我运行$(“#container”)时.tinycarousel();它一直告诉我这不是一个功能。有人可以指出我正确的调试方式吗?
任何帮助都会非常感激。
<script type="text/javascript" src="lib/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="lib/jquery.tinycarousel.min.js"></script>
<div id="container">
<ul class="overview">
<li>
some content
</li>
<li>
Some content
</li>
</ul>
</div>
答案 0 :(得分:1)
HTML
<div id="container">
<a class="buttons prev" href="#">left</a>
<div class="viewport">
<ul class="overview">
<li><img src="images/picture3.jpg" /></li>
<li><img src="images/picture2.jpg" /></li>
<li><img src="images/picture1.jpg" /></li>
</ul>
</div>
<a class="buttons next" href="#">right</a>
</div>
的Javascript
<script type="text/javascript">
$(document).ready(function(){
$('#container').tinycarousel();
});
</script>
你没有视口div。你应该把tinycarousel代码放在dom中。
阅读baijs.nl/tinycarousel上的说明。您还可以下载一个示例。我是作者所以,如果有什么不清楚请告诉我,这样我可以使文档更好。 :P