外部Javascript库不工作
外部Javascript库不工作
提问于 2018-08-18 05:23:19
我有一个关于外部javascript文件的问题。它不起作用
<script type="text/javascript" src="ozel.js"></script>只有当我在页面末尾添加，但我想添加<head>部件时，Ozel.js文件才能工作。有什么问题吗？你能帮我一下吗？谢谢
<?php
include "connect.php";
session_start();
header('Content-Type: text/html; charset=utf-8');
?>
<head>
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<script>
$(document).on('click', '[data-toggle="lightbox"]', function(event) {
event.preventDefault();
$(this).ekkoLightbox();
lightbox.option({
'resizeDuration': 200,
'albumLabel': "Image %1 of %2"
})
});
function goBack() {
window.history.back()
}
function goNext() {
window.location.href='index.php'
}
</script>
</head>Ozel.js
$("#gonderelim").click(function(){
$("#rating").hide();
$.ajax({
type:"post",
url:"voting.php",
data:$("#voting").serialize(),
success:function(cevap) {
$("b").text(cevap);
}
})
$("#stats").load("stats.php");
})回答 1
Stack Overflow用户
发布于 2018-08-18 05:29:56
通常，当发生这样的事情时，Javascript部分的代码不会等待，直到整个正文加载完毕。出于同样的原因，您将javascript文件放在末尾，以便完全加载html。解决此问题的另一种方法是侦听要触发的https://developer.mozilla.org/en/docs/Web/Events/DOMContentLoaded事件，并在那里运行与DOM相关的操作。
在您的示例中，由于您已经在使用jQuery，因此只需在ozel.js代码周围添加以下代码
$( document ).ready(function() {
// your code here
});此块将在页面加载完成时启动
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51903054
复制相关文章
相似问题