我正在开发一个个人网站以扩展我的 jQuery 知识。我用 PHP 编写了这个页面,它工作正常,没有控制台错误: http ://sallibert.com/apps/notes/notes.php
但是,当我在索引文件中使用包含调用它时,动画会在加载时卡住: http ://sallibert.com/index.php#!notes
JS链接很好,没有坏链接。
我尝试了这些不同的解决方案,但都没有奏效:
- 将 JS 链接放在正文中
- 替换
$('document').ready(function(){
为jQuery(document).ready(function(){
- jQuery.noConflict();
有没有人有任何想法来修复这个错误?谢谢您的帮助!
编辑 :
我已经更新了上面的链接,你现在可以查看。我在 Firefox 上没有错误日志,但现在在 chrome 上,我有两个。我尝试解决它们:
未捕获的类型错误:无法调用未定义的方法“toLowerCase”我认为第一个错误与此有关。
和
Uncaught TypeError: Cannot read property 'style' of null 首先,我使用 html 加载附加 html,然后,当页面加载时,应用一些 JS:
$(document).ready(function(){
...
$('#horloge .app_logo').append('<img class="aigfix" id="aigS" src="img/aigS.png" alt="" style="transform: rotate(314784deg);"><img class="aig" id="aigM" src="img/aigM.png" alt="" style="transform: rotate(5246deg);"><img class="aighfix" id="aigH" src="img/aigH.png" alt="" style="transform: rotate(437deg);">');
....
});
window.onload = function() // wait before load
{
var d = new Date();
var time = d.getSeconds() + 60 * d.getMinutes() + 3600 * d.getHours();
var aigS = document.getElementById('aigS');
var aigM = document.getElementById('aigM');
var aigH = document.getElementById('aigH');
aigS.style.MozTransform = 'rotate(' + (time * 6) + 'deg)';
aigS.style.WebkitTransform = 'rotate(' + (time * 6) + 'deg)';
aigS.style.OTransform = 'rotate(' + (time * 6) + 'deg)';
aigS.style.msTransform = 'rotate(' + (time * 6) + 'deg)';
aigS.style.transform = 'rotate(' + (time * 6) + 'deg)';
aigM.style.MozTransform = 'rotate(' + Math.round(time / 10) + 'deg)';
aigM.style.WebkitTransform = 'rotate(' + Math.round(time / 10) + 'deg)';
aigM.style.OTransform = 'rotate(' + Math.round(time / 10) + 'deg)';
aigM.style.msTransform = 'rotate(' + Math.round(time / 10) + 'deg)';
aigM.style.transform = 'rotate(' + Math.round(time / 10) + 'deg)';
aigH.style.MozTransform = 'rotate(' + Math.round(time / 120) + 'deg)';
aigH.style.WebkitTransform = 'rotate(' + Math.round(time / 120) + 'deg)';
aigH.style.OTransform = 'rotate(' + Math.round(time / 120) + 'deg)';
aigH.style.msTransform = 'rotate(' + Math.round(time / 120) + 'deg)';
aigH.style.transform = 'rotate(' + Math.round(time / 120) + 'deg)';
setInterval(function() {
time++;
aigS.style.MozTransform = 'rotate(' + (time * 6) + 'deg)';
aigS.style.WebkitTransform = 'rotate(' + (time * 6) + 'deg)';
aigS.style.OTransform = 'rotate(' + (time * 6) + 'deg)';
aigS.style.msTransform = 'rotate(' + (time * 6) + 'deg)';
aigS.style.transform = 'rotate(' + (time * 6) + 'deg)';
aigM.style.MozTransform = 'rotate(' + Math.round(time / 10) + 'deg)';
aigM.style.WebkitTransform = 'rotate(' + Math.round(time / 10) + 'deg)';
aigM.style.OTransform = 'rotate(' + Math.round(time / 10) + 'deg)';
aigM.style.msTransform = 'rotate(' + Math.round(time / 10) + 'deg)';
aigM.style.transform = 'rotate(' + Math.round(time / 10) + 'deg)';
aigH.style.MozTransform = 'rotate(' + Math.round(time / 120) + 'deg)';
aigH.style.WebkitTransform = 'rotate(' + Math.round(time / 120) + 'deg)';
aigH.style.OTransform = 'rotate(' + Math.round(time / 120) + 'deg)';
aigH.style.msTransform = 'rotate(' + Math.round(time / 120) + 'deg)';
aigH.style.transform = 'rotate(' + Math.round(time / 120) + 'deg)';
}, 1000);
}
php包含代码是:
<?php
$appid = strtolower($_GET['appid']);
if($appid && file_exists('apps/'.$appid.'/'.$appid.'.php')){
header('Location: apps/'.$appid.'/'.$appid.'.html');
}
?>
Update2:我刚刚看到文件夹中的应用程序未定义。我使用数组调用它们:$apps[1] = Array('Maps', Array('CV',Array('Complet','Expériences','Compétences','Diplomes','Autres','Rech' erche')), '消息', ... ); 我已经解决了 Uncaught TypeError: Cannot call method 'toLowerCase' of undefined。但它并没有解决主要问题,笔记应用程序的错误负载。
谢谢您的帮助!