0
グローバル・ページを作成しようとしていますが、新しいページを完全にロードするのではなく、コンテンツを変更するだけです。 home.phpページでloadPage関数を呼び出そうとすると、loadPage関数が定義されていないことがわかります。jQueryグローバル・ロード・ページの問題
<!-- Please note: this is the part that loads the page, and displays the loading image -->
<script type="text/javascript" src="jQuery/jQuery.js"></script>
<script type="text/javascript" src="js/loadPage.js"></script>
<link type="text/css" rel="stylesheet" href="css/style-loading.css">
<img class="loading-img" src="images/loading.gif">
<!-- End of note -->
<!doctype html>
<html>
</html>
ページのローディングコード（JS）： 問題が
グローバルページのコード（HTML）...私は関数は、新しいコンテンツがロードされるときに再作成する必要があること、考えています：
//Copyright © 2016 Dynavio Cooperative
var currentPage = null;
$(document).ready(function()
{
loadPage();
});
function loadPage(pageToLoad)
{
$(".loading-img").removeAttr("style");
if(typeof pageToLoad == "undefined")
{
if(currentPage == null)
{
$("html").load("pages/home.php", function()
{
$(".loading-img").css("display", "none");
});
}
}
else
{
$("html").load(pageToLoad, function()
{
$(".loading-img").css("display", "none");
});
}
}
home.phpコード（HTML）：
<!-- Copyright © 2016 Dynavio Cooperative -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Dynavio">
<meta name="keywords" content="Dynavio,Cooperative,Administration">
<meta name="author" content="Dynavio Cooperative">
<title>Dynavio - Homepage</title>
<!-- Css styles -->
<link type="text/css" rel="stylesheet" href="css/plugins/font-awesome-4.6.1/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="css/style-main-global.css">
<link type="text/css" rel="stylesheet" href="css/style-fonts.css">
<link type="text/css" rel="stylesheet" href="css/style-navbar.css">
<link type="text/css" rel="stylesheet" href="css/style-slider.css">
<!-- End of Css styles -->
<script type="text/javascript" src="jQuery/plugins/Slides-SlidesJS-3/source/jquery.slides.min.js"></script>
<script type="text/javascript" src="js/sliderInit.js"></script>
<!-- Javascript -->
</head>
<body>
<div class="navbar">
<img src="images/logo.png" class="nav-logo">
<ul class="nav-items">
<li class="nav-item active">Homepage</li>
<li class="nav-item">Products</li>
<li class="nav-item">Company</li>
<li class="nav-item">Research</li>
<li class="nav-item">Contact</li>
<li class="nav-item" onClick="loadpage(pages/login.php);">Login</li>
</ul>
</div>
<div class="intro-slider slider">
<img src="images/example1.png">
<img src="images/example2.png">
</div>
<div class="products">
</div>
</body>
<!-- Copyright © 2016 Dynavio Cooperative -->
この関数は再作成する必要はありません。あなたのhome.phpファイルでJSファイルをロードする前または後に関数を呼び出していますか？ファイルがロードされる前に関数を呼び出すと、関数は定義されません。それはあなたのhtmlの終わりのように見えるので、私はJSを関数呼び出しの上にロードしなければならないと思います。 – JeremyS
または、問題は私が実際にhome.phpのjqueryファイルを再リンクしていることです。 – Jojo01
Home.phpのloadPage（）関数を実際に呼び出しているところはどこですか？私は上記のコードは表示されません。また、jQueryファイルを2回ロードしていますか？私はそれを見ない。 – JeremyS