我有一个自定义函数,可以根据查看的页面包含自定义 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>
我在这里想念什么?
滚动到代码:
$(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();
}
});
});