加载jQuery在页面上打印“加载”

时间:2011-12-22 22:30:28

标签: jquery

更新:感谢您的评论,虽然修复无效。即使我没有包含kjquery.js所有加载消息仍然打印。我真的很茫然,如果你有任何建议请告诉我!

当我包含jQuery时,在所有内容之后,在页面的末尾打印“loading”一词。我试图从我自己的服务器和Google API加载它,并且两次都找到相同的结果。

这是页面: http://kineticaid.com/k/header.php

这是代码:

 <?php
include('inc/functions.php');
include('inc/titles.php');
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $title; ?></title>

<link rel="stylesheet" type="text/css" href="css/headerstyle.css"></link>
<link href="http://fonts.googleapis.com/css?family=Ubuntu|Arimo|PT+Sans:700|Droid+Sans|Nobile|Ovo|Corben:700&v2" rel="stylesheet" type="text/css"></link>

<script type="text/javascript" src="js/kjquery.js"></script>

//this is the problem line
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="js/shadowbox/shadowbox.js"></script>
<script type="text/javascript">Shadowbox.init();</script>

</head>

<body>


<div id="container">

    <div id="top">
        <?php echo $quote." -".$author; ?>
    </div>

显然我没有关闭任何标签,但这些标签都在footer.php文件中。页眉和页脚文件都包含在home.php文件中,该文件在加载时也会打印“loading”一词。

3 个答案:

答案 0 :(得分:2)

jQuery(document).ready(function($){



});

get Firebug。你可以在几秒钟内找到答案!

答案 1 :(得分:1)

此加载消息由ShadowBox灯箱插件生成,因为您在第5行的kjquery.js文件中有一个错误,错过了)作为Keith的注释。

一旦你修复了这个错误,一切都应该有效。

答案 2 :(得分:0)

我对不同的库有类似的问题。我尝试加载一个简单的页面,并在页面底部收到“加载”消息。

<html>
<head>
  <!-- content for mobile version -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>  
</head>
<body class="narrow">
   Simple Page
</body>
</html>

搜索了一下之后,我找到了example that uses mobile swiping的链接,并看到移动库还有一个必须包含的样式表。 (如果您尝试该示例并删除样式链接,则加载消息将显示在输出中。)

在包含脚本之前包括样式表,消息就会消失。

<link rel="stylesheet" 
    href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>