2017-06-14 17 views
-1

BootStrapを使用して画像を表示するための簡単なフロントエンドを開発しようとしています。しかし、BootStrapを使用する前に画像を表示するボタンはうまくいきましたが、ブートストラップを使用してページをスタイリングした後、何もしません。BootStrap Submit Button Not Working

Uncaught Error: You must include the utils.js file before tether.js 
    at tether.js:4 
(anonymous) @ tether.js:4 
bootstrap.min.js:7 Uncaught ReferenceError: Tether is not defined 

コード:ブートストラップなしの

<html lang="en"> 


    <head> 
     <meta charset="UTF-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 

     <title></title> 
     <script src="script/tether.min.js"></script> 
     <script src="script/tether.js"></script> 
     <script src="script/jquery.min.js"></script> 


     <link rel="stylesheet" href="css/bootstrap.min.css"></link> 
     <link rel="stylesheet" href="css/styles.css"></link> 

     <script src="script/bootstrap.min.js"></script> 


    </head> 
    <body> 
     <h1 class="mt-4" align='center'> Demo Website </h1><br> 

     <div class="container" style="width:300px; background-color:ghostwhite;"> 

       <div class="form-group"> 


       <form action='viewimages2.php' method="GET"> 
        <button class="btn-block btn btn-info" align='center' type="submit" name="Submit"> View Images </button> 
       </form> 

     </div> 


    </body> 
</html> 

ワーキングコード:

<!DOCTYPE html> 
<!-- 
--> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title></title> 
    </head> 
    <body> 
     <H1 align='center'>Demo Website/h1><br> 
     <button align='center' type="button" onclick="window.location='Register.php';" value="Register"> Register </Button> 
     <button align='center' type="button" onclick="window.location='Login.php';" value="Login"> Login </Button> 
     <form action='viewimages2.php' method="GET"> 
      <button type='submit' name="Submit"> View Images </button> 
     </form> 


    </body> 
</html> 
+0

を使用しているので、あなたがtether.jsを削除することができると思いますか? – Quentin

+0

tether.jsの前にutils.jsを含めると同じ例外が発生しましたが、Swellarで解決策を試してもクリアされましたが、まだボタンが動作していません。 – user3930213

答えて

0

あなたが入れ、これを試すことができ、私はクロームの開発ツールに見しようとしたとき、私は2つの例外を取得しますjquery.min.jsの前に他の.jsファイル。私はすでに「あなたはtether.js前utils.jsファイルを含める必要があります」程度は不明である何tether.min.js

<script src="script/jquery.min.js"></script> 
<script src="script/tether.min.js"></script> 
+0

エラーメッセージが表示され、 'utils.js'が欠落しています。なぜあなたは 'jquery.min.js'を動かすのですか? – Quentin

+0

今例外はありませんが、ボタンはまだ動作していません – user3930213

+0

@Quentin 'utils.js'は' jquery.min.js'の一部であり、ほとんどの場合 'jquery.min.js'を最上位は機能しない関数に関する多くの問題を解決することができます – Swellar