为什么我的点击函数在 jquery 中不起作用

Why doesn't my click function work in jquery?

本文关键字：jquery 不起作用 函数 我的 为什么      更新时间：2023-09-26

我想创建一个包含图像标题和文本的简单轮播。当我单击"下一个"范围时，它应该显示接下来的两个<li>。但是当我这样做时，什么也没发生。

<script type="text/javascript">
    $(document).ready(function() {
        $('#right').click(function() {
            $('li').animate({
                left: '-600px'
            }, 500);
        });
    });
</script>

小提琴

请参阅此示例。

这是一个

纯粹的CSS问题。您只需将position: relative;添加到li，即可在脚本中影响left属性。

.carousel-inner li {
  display: inline;
  float: left;
  margin: 20px;
  border: 1px solid #999;
  padding: 25px;
  border-radius: 20px;
  position: relative; // Add this so setting a left position will work
}

只需尝试在Chrome Inspector中添加它，您就会看到它有效。再见！

将position: relative添加到您的 .carousel-inner li。

相关文章：