Javascript 包括php中的bootstrap和js_Javascript_Php_Twitter Bootstrap

Javascript 包括php中的bootstrap和js

javascript php twitter-bootstrap

Javascript 包括php中的bootstrap和js,javascript,php,twitter-bootstrap,Javascript,Php,Twitter Bootstrap,我需要一双新的眼睛来看看这个我直接从我的一把旧小提琴上取下代码，在一个大学厨房的网站上展示照片。然而，它只显示了一个。当我在php中包含bootstrap和函数时，它似乎并没有读取它！为什么会这样我的php看起来像这样 <?php echo "<html><head><meta charset='utf-8'>"; echo "<script type='text/javascript' src='scripts/bootstrap.js'&g

我需要一双新的眼睛来看看这个

我直接从我的一把旧小提琴上取下代码，在一个大学厨房的网站上展示照片。然而，它只显示了一个。当我在php中包含bootstrap和函数时，它似乎并没有读取它！为什么会这样

我的php看起来像这样

<?php
echo "<html><head><meta charset='utf-8'>";
echo "<script type='text/javascript' src='scripts/bootstrap.js'></script>";
echo"<link rel='stylesheet' type='text/css' href='css/style.css'>";
include "scripts/show.php";
echo" <title>Gallery Display</title></head><body>";

echo "<header>";
echo "<h1>The Ultimate Gallery Compiler</h1>";
echo "<div id='menu'><a class='head' href='index.html'>Upload Photo</a>&nbsp;&nbsp;<a class='head' href='gallery.html'>Browse Gallery</a></div>";
echo "</header>";
echo "<div id='content'>";
echo "<h2>Browse Gallery</h2>";
$subfolder = $_POST["category"];
if ($subfolder == "0"){
    echo("Please <a href='gallery.html'>go back</a> and select a category");
    echo "</div><br><br>";
    echo "<footer>";
    echo "<p class='foot'>&copy; Copyright 2015-2016 MMA2 Rachel Gallen, Ysabel Pheifer and Rebecca Merrigan.</p>"; 
    echo "</footer>";
    exit();
}
$countcontents = file_get_contents("categories.txt"); //read file to get count
$countarray = explode('*', $countcontents); //get count of each category into an array
$categories = array("fashion", "music", "sports", "technology", "animals", "health", "other");


//output title according to if the gallery has images in it or not
for($i=0; $i< count($countarray); $i++)
{
    if ($subfolder == $categories[$i]){
        if (intval($countarray[$i]) == 0) {
             echo "<h3>No images have been uploaded for the " .$subfolder. " category yet</h3>";
        }
        else
        {
            echo "<h3>Here are the images for the " .$subfolder. " category</h3>"; 
            echo "<p>There are ".$countarray[$i]." photos in this category</p><br>";
        }
    }
}

$folder = "images/".$subfolder."/";

// Open the appropriate subfolder, and display its contents.
// http://php.net/manual/en/function.opendir.php
// also referenced https://www.youtube.com/watch?v=nGLi4ykt__0
if ($dir = opendir($folder)) {
    $images = array();
    while (false !== ($file = readdir($dir))) {
        if ($file != "." && $file != "..") {
            $images[] = $file; 
        }
    }
    closedir($dir);
}

echo '<div id="slider">';
echo "<ul id='slides'>";
foreach($images as $image) {
    echo '<li class="slide"><img src="';
    echo $folder.$image;
    echo '" alt=""/></img></li>';
}
echo "</ul>";
echo '</div>';
echo "<p>&nbsp</p><a href='gallery.html'>Reselect</a>";

echo "</div>";
echo "<footer>
<p class='foot'>&copy; Copyright 2015-2016 MMA2 Rachel Gallen, Ysabel Pheifer and Rebecca Merrigan.</p> 
</footer>";
echo "</body></html>";
?>

您尚未在页面中包含jQuery，您正在脚本中使用jQuery，但根本没有加载它

找到这些问题的一个好方法是在使用chrome时按F12键，使用开发者栏，然后在网络上可以看到加载了哪些文件，如果有javascript错误，可以在控制台中查看。

这与

$subfolder=$\u POST[“category”]有关-注意：未定义索引：类别-POST失败，并且依赖于表单（？）。可能是GET，但不确定从何处填充。@RachelGallen Bootstrap使用jQuery，而您正在页面中使用jQuery。如果您也检查控制台日志，它会清楚地显示：未捕获错误：Bootstrap的JavaScript需要jQuery
//Reference https://jsfiddle.net/RachGal/fs9u6mwe/1/

$(document).ready(function() {

  //INDEX IMAGES SLIDER
  $(function slider() {

    //configuration
    var width = 360;
    var speed = 1000;
    var pause = 3000;
    var current = 1;


    //cache DOM
    var $slider = $('#slider');
    var $slides = $slider.find('#slides');
    var $slide = $slides.find('.slide');


    setInterval(function() {
      //move image the defined width and speed to the left
      $slides.animate({
        'margin-left': '-=' + width
      }, speed, function() {
        //count number of slides and loop back to first from last
        current++;
        if (current === $slide.length) {
          current = 1;

          $slides.css('margin-left', 0);
        }
      });
    }, pause);
  });
}

);