Q&A
前提・実現したいこと
phpの出力結果をbootstrapのカルーセルでスライドさせたい
発生している問題・エラーメッセージ
prev・nextともに反応なし
該当のソースコード
<?php require 'menu.php';?> <?php $pdo=new PDO('mysql:host=localhost;dbname=kaihatsu;charset=utf8','staff','password'); $sql=$pdo -> query('select * from product_tbl order by pr_insert_date desc'); ?> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>ホーム</title> <body> <div class="container"> <h2>新着商品</h2> <div id="carousel-card" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item px-5 active"> <div class="row"> <?php $i = 0; foreach ($sql as $row) { $pr_id=$row['pr_id']; if($i < 2){ ?> <div class="col-6"> <a href="detail.php?pr_id=<?php echo $pr_id;?>" class="card"> <img class="card-img-top"src="image/<?php echo $row['pr_id']?>.jpg"style="height:20rem;"alt="Card image cap"> <div class="card-body"> <p class="card-title">商品名:<?php echo $row['pr_name'].'<br>';?></p> <p class="card-text">値段:<?php echo $row['pr_price'];?>円</p> </div> </a> </div> <?php if($i == 1){ ?> </div> </div> <?php } }else{ ?> <div class="carousel-item px-5"> <div class="row"> <div class="coll-6"> <a href="detail.php?pr_id=<?php echo $pr_id;?>" class="card"> <img class="card-img-top"src="image/<?php echo $row['pr_id']?>.jpg"style="height:20rem;"alt="Card image cap"> <div class="card-body"> <p class="card-title">商品名:<?php echo $row['pr_name'].'<br>';?></p> <p class="card-text">値段:<?php echo $row['pr_price'];?>円</p> </div> </a> </div> </div> </div> <?php } $i++; if($i > 4) { break; } } ?> </div> <a class="carousel-control-prev" href="#carousel-card" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carousel-card" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> <style> .carousel-control-next, .carousel-control-prev { width: 5%; background-color: #000; } </style> <?php require 'footer.php';?>
試したこと
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
ベストアンサー
jQueryまたはBootstrapのJSファイルのいずれか、または双方が読み込まれていないとか。
投稿2020/12/11 10:00
総合スコア1907
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2020/12/11 10:25
2020/12/11 11:16
2020/12/11 11:18
退会済みユーザー
2020/12/11 11:24