2017-07-23 19 views
1
$ nicht
<head> 
    <script type="text/javascript" src="customScript.js"></script> 
    <link href="dist/css/bootstrap.min.css" rel="stylesheet"> 
    <script src="docs/assets/js/vendor/jquery.min.js"></script> 
    <script src="dist/js/bootstrap.min.js"></script> 

    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
    <link rel="icon" href="img/facebookicn.png"> 

    <title>Facbook</title> 


    <link href="dist/css/jumbotron.css" rel="stylesheet"> 
    <link href="dist/css/custom.css" rel="stylesheet"> 


</head> 

// Das ist in coustom.jscustomScript.js: 1 Uncaught Reference: definiert ist

$(document).ready(function(){ 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 

Datei // dies ist in html

<div class="col-md-6 txtfeild "> 
    <a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!"><input id="firstName" class="form-control" placeholder="First Name" type="text" onblur="validateName()" ></a> 
     </div> 

i immer bin Fehler wie dieser customScript.js: 1 Uncaught ReferenceError: $ ist nicht definiert bei customScript.js: 1 versuchte viele Methoden, aber kann diesen Fehler nicht beheben

Antwort

1

Ihre customScript wird ausgelöst, bevor Sie das Skript jQuery importieren. Verschieben Sie die Importzeile über den customScript Import.

0

jQuery wird nach dem Laden von customScript.js geladen, so dass die Variable $ nicht definiert ist. Sie müssen das Skript nach dem Laden von jQuery einfügen.

<head> 
    <link href="dist/css/bootstrap.min.css" rel="stylesheet"> 
    <script src="docs/assets/js/vendor/jquery.min.js"></script> 
    <script src="dist/js/bootstrap.min.js"></script> 
    <script type="text/javascript" src="customScript.js"></script> 

    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
    <link rel="icon" href="img/facebookicn.png"> 

    <title>Facbook</title> 


    <link href="dist/css/jumbotron.css" rel="stylesheet"> 
    <link href="dist/css/custom.css" rel="stylesheet"> 

</head> 
0

um Jquery in Ihrem Skript zu verwenden, müssen Sie es zuerst, bevor Sie Ihre customeScript

<script 


src="https://code.jquery.com/jquery-3.2.1.min.js" 
    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 
    crossorigin="anonymous"></script> 

diese Zeilen hinzufügen zu laden jquery durch CDN hinzuzufügen, oder den Pfad zum jquery Datei gesetzt, wenn Sie heruntergeladen es

Verwandte Themen