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が間違っているのであればちょうど奇妙です。ファイルが見つかりません。エラーなどありません。