一个关于Bootstrap Carousel的问题
  • 板块灌水区
  • 楼主封禁用户
  • 当前回复1
  • 已保存回复1
  • 发布时间2022/7/16 11:21
  • 上次更新2023/10/27 20:04:46
查看原帖
一个关于Bootstrap Carousel的问题
341353
封禁用户楼主2022/7/16 11:21

之前建的某个网站更新完功能全没了(懂的都懂),然后刚刚在摆弄可恶的Bootstrap 轮播,然后写了一段代码放上去调试,可以自动切换,但是点左右切换键没反应,bdfs方法均失败,有大佬能来解释一下吗

P.S.:本人把head标签里面的三个文件都放到了同一个文件夹里。

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="bootstrap.min.css" />
    <script src="jquery.min.js"></script>
    <script src="bootstrap.min.js"></script>
    <title>Hello, world!</title>
  </head>
  <div id="carousel-ad" class="carousel slide" data-ride="carousel" data-interval="2000">
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="https://gd-hbimg.huaban.com/71353de15359cc58cf1aaa3e75f88df13a97f9e46851f-E2KV2e_fw658" class="d-block w-100" alt="center">
      <div class="carousel-caption d-none d-md-block">
        <h5>QWQ</h5>
        <p>qwq.</p>
      </div>
    </div>
    <div class="carousel-item">
      <img src="https://gd-hbimg.huaban.com/71353de15359cc58cf1aaa3e75f88df13a97f9e46851f-E2KV2e_fw658" class="d-block w-100" alt="center">
      <div class="carousel-caption d-none d-md-block">
        <h5>QAQ</h5>
        <p>qaq.</p>
      </div>
    </div>
    <div class="carousel-item">
      <img src="https://gd-hbimg.huaban.com/71353de15359cc58cf1aaa3e75f88df13a97f9e46851f-E2KV2e_fw658" class="d-block w-100" alt="center">
      <div class="carousel-caption d-none d-md-block">
        <h5>AWA</h5>
        <p>awa.</p>
      </div>
    </div>
  
  <button class="carousel-control-prev" type="button" data-target="#carousel-example-generic" data-slide="prev">
    <p><<p>
    <span class="sr-only">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-target="#carousel-example-generic" data-slide="next">
    <p>></p>
    <span class="sr-only">Next</span>
  </button></div>
</div>

送一个关注qwq

2022/7/16 11:21
加载中...