在我的项目中有一个菜单我给它们子菜单的id在header。php
<div class="top-menu">
<ul>
<nav class="cl-effect-13">
<li><a href="about.php" id="about">About</a></li>
<li><a href="product.php" id="product">Products</a></li>
<li><a class="scroll" href="#news" id="news">News</a></li>
<li><a href="typography.php" id="typo">Typo</a></li>
<li><a href="contact.php" id="contact">Contact</a></li>
</nav>
</ul>
</div>
现在当我点击about时它会转到about。php或者如果我点击contact它会转到contact。php。现在在about。php中,我像这样插入jquery。
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
$('#about').addClass('active');
});
</script>
,对于不同的PHP文件,我给出diff. id。直到我在footer。php
中插入以下代码,它才正常工作<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>
function sendContactus() {
var valid;
valid = validateContactto();
if(valid) {
jQuery.ajax({
url: "dropusline.php",
data:'fname='+$("#fname").val()+'&lname='+$("#lname").val()+'&email='+$("#email").val()+'&phone='+$("#phone").val()+'&message='+$("#message").val(),
type: "POST",
success:function(data){
$("#mail-statusto").html(data);
},
error:function (){}
});
}
}
function validateContactto() {
var valid = true;
$(".text").css('background-color','');
$(".error").html('');
if(!$("#email").val()) {
$("#email-info").html("(required)");
$("#email").css('background-color','#FFFFDF');
valid = false;
}
if(!$("#message").val()) {
$("#message-info").html("(required)");
$("#message").css('background-color','#FFFFDF');
valid = false;
}
return valid;
}
</script>
是在页脚部分查询的ajax代码,我在header.php中提到的所有文件都包含了footer.php。我想javascript代码,在页脚。php以及jquery代码来执行。现在jquery代码无法执行
看起来您没有easing和ui top脚本。在调用插件之前包含它们。
按顺序:
<script src="http://lab.mattvarone.com/projects/jquery/totop/js/jquery-1.7.2.min.js"></script>
<script src="http://lab.mattvarone.com/projects/jquery/totop/js/easing.js"></script>
<script src="http://lab.mattvarone.com/projects/jquery/totop/js/jquery.ui.totop.js"></script>
<script>
$().UItoTop({easingType: 'easeOutQuart'});
</script>
通过删除footer.php
中的这一行来完成<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
它反映了,因为我已经在header。php中像这样包含了
<script src="js/jquery.min.js"></script>
谁能告诉我为什么不调用两次?