jQuery滑块不适用于网站
jQuery滑块不适用于网站
提问于 2012-05-06 00:59:57
我正在尝试实现一个jQuery滑块到我的网站来制作一个项目页面。我已经实现了jQuery和代码，但不知何故它无法工作。但是，当我使用Google Chrome查看"inspect-element“并使用箭头键移动滑块时，每次按下它时，它都会显示移动的数字。因此，这意味着滑块正在工作，但同时它没有移动图像。
http://www.dig.ital.me/projects/
会不会是因为我在使用Wordpress？
<ul style="width: 3680px; left: -920px; "><li class="cloned"><img src="http://dig.ital.me/img/cdnbox/2012/05/test.png" alt="" title="work_page_timeline" width="920" height="384"></li>
<li class="active"><img src="http://dig.ital.me/img/cdnbox/2012/03/work_page_timeline.jpg" alt="" title="work_page_timeline" width="920" height="384"></li>
<li class=""><img src="http://dig.ital.me/img/cdnbox/2012/05/test.png" alt="" title="work_page_timeline" width="920" height="384"></li>
<li class="cloned"><img src="http://dig.ital.me/img/cdnbox/2012/03/work_page_timeline.jpg" alt="" title="work_page_timeline" width="920" height="384"></li></ul>这是来自inspect element的代码，向我展示了它的-left 920px，当按下向左或向右箭头键时，它就会移动。但由于某种奇怪的原因，图像不能移动，我似乎找不出原因。
这里还有一些源代码。
<!-- START HERE FOR PORTFOLIO & DISPLAY WORK -->
<div id="slider">
<ul>
<li><img src="http://dig.ital.me/img/cdnbox/2012/03/work_page_timeline.jpg" alt="" title="work_page_timeline" width="920" height="384" /></li>
<li><img src="http://dig.ital.me/img/cdnbox/2012/05/test.png" alt="" title="work_page_timeline" width="920" height="384" /></li>
</ul>
</div>
<!-- END PORTFOLIO -->
<script src="http://www.dig.ital.me/wp-content/themes/mytheme/Scripts/unslider.js"></script>
<script type="text/javascript">
$(function() {
// Wow, that's it?
$('#slider').unslider();
});
</script>我正在使用这个滑块http://unslider.com/
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-05-06 01:35:33
看起来你需要在unslider.css中整理几个CSS问题：
- to .unslider ul，添加：
display:列表项；padding-left: 0;
- to .unslider li，
：
填充-左: 0;
我刚刚试着在这里通过Chrome开发工具编辑它，它似乎已经完成了这个技巧:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10464037
复制相关文章
相似问题
腾讯云开发者
