2017-10-23 13 views
0

私の.jsファイルは1ページだけ読み込まれますが、別のページは読み込まれません。私はすでにそれが動作しないページでJSファイルをクリックして、それはうまくロードされているようです。JSファイルは1ページに読み込まれますが、別のページには読み込まれません

これは一方で、この作品

<!DOCTYPE html> 
 
{% load staticfiles %} 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes"> 
 
    <title>Homepage</title> 
 
    <link href="{% static "css/app_search.css" %}" rel="stylesheet"></link> 
 
    <!-- CSS reference: https://bootswatch.com/yeti/ --> 
 
</head> 
 

 
<body> 
 

 
<!-- The header --> 
 
    <div class="container"> 
 
    <div class="page-header" id="banner"> 
 
     <div class="row"> 
 
     <div class="col-lg-8 col-md-7 col-sm-6"> 
 
      <h1>Home page/h1> 
 
     </div> 
 
     <a href="{% url 'app_new:new' %}">Submit a Collection Request</a> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <br> 
 

 
<!-- The form --> 
 
BLAH BLAH (TOOK OUT CODE TO SHORTEN) 
 

 
<gcse:searchbox-only></gcse:searchbox-only> 
 
</div> 
 
<script src="{% static "js/scripts.js" %}"></script> 
 
</body> 
 

 
</html>

を動作しません:

<!DOCTYPE html> 
 
{% load staticfiles %} 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes"> 
 
    <title>Seek</title> 
 
    <link href="{% static "css/app_search.css" %}" rel="stylesheet"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <!-- CSS reference: https://bootswatch.com/yeti/ --> 
 
</head> 
 

 
<body> 
 

 
!~form BLAH BLAH TOOK OUT CODE TO SHORTEN 
 

 
<script src="{% static "js/scripts.js" %}"></script> 
 
</body> 
 

 
</html>

これは、JSファイルです...

$(document).ready(function(){ 
 
    $(":submit").click(function(){ 
 
     alert("Thank you for submitting a website request!"); 
 
    }); 
 

 
    !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="4.0.0"; 
 
    analytics.load("key"); 
 
    analytics.page(); 
 
    }}(); 
 

 
    (function() { 
 
     var cx = 'took out'; 
 
     var gcse = document.createElement('script'); 
 
     gcse.type = 'text/javascript'; 
 
     gcse.async = true; 
 
     gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; 
 
     var s = document.getElementsByTagName('script')[0]; 
 
     s.parentNode.insertBefore(gcse, s); 
 
    })(); 
 

 
});

その後、両方のページが動作してはならない、JSが間違っているのであればちょうど奇妙です。ファイルが見つかりません。エラーなどありません。

答えて

1

jQueryをインポートせずに使用しています。作業ページに示すようにjQueryスクリプトをインポートします。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
関連する問題