表示されたページに応じてカスタム JavaScript ファイルを含めるカスタムメイドの機能があります。これは機能です:
function custom_jsinclude($php,$jsfile) { //
$filename = basename($_SERVER['PHP_SELF']);
if($filename === $php) {
echo "<script src=\"js/$jsfile\"></script>\n";
} else {
exit("Couldnt find file");
}
}
私のphpファイルに戻って、このように(headタグの間に)含めます。
<?php
require_once('inc/functions.php');
custom_jsinclude("somepage.php","custom-scrollTo.js");
?>
ページをロードすると、javascriptファイルが含まれています(ソースを確認しています)。しかし、うまくいきません。
それから私は昔ながらの方法を試しました:
<script src="js/custom-scrollTo.js"></script>
そしてうまくいきます...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to my homepage</title>
<script src="js/custom-scrollTo.js"></script>
<script src="js/jquery-1.7.2.min.js"></script>
<link href="css/somepage.css" rel="stylesheet" type="text/css" />
</head>
ここで何が欠けていますか?
scrollTo コード:
$(document).ready(function() {
$("#prlmenu li").click(function(){
var indexli = $(this).index();
var indexh3 = indexli;
var scrollto = $('h3:eq('+indexli+')').offset().top;
$("html, body").animate({ scrollTop: scrollto +'px' },"fast");
});
$("div.backtotop").click(function() {
$("html, body").animate({ scrollTop: "130px" },"fast");
});
$(window).scroll(function () {
if($("html, body").scrollTop() > 1510) {
$("div.backtotop").fadeIn("slow");
} else {
$("div.backtotop").hide();
}
});
});