我对jQuery和javascript很新,所以也许我错过了一些东西。
我有一个html页面,其中包含最新版jQuery的链接...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
但是我尝试在头部或单独的.js文件中执行的任何jQuery代码在我加载页面时都不会运行。不过普通的javascript确实如此。
Firebug承认,当我点击Script或Dom时,jQuery库已经加载了...控制台甚至会毫不费力地接受并运行我的jQuery代码。
这是html ...是的,它是html5,除了Opera和IE之外,它在所有浏览器中运行良好。
<!DOCTYPE HTML>
<html>
<head>
<title>Produkshunator</title>
<link rel="stylesheet" type="text/css" href="styles/layout.css" />
<link rel="stylesheet" type="text/css" href="styles/skins.css" />
<link rel="stylesheet" type="text/css" href="styles/formlayout.css" />
<link rel="stylesheet" type="text/css" href="styles/index.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="scripts/json2.min.js"></script>
<script type="text/javascript" src="index4.js"></script>
</head>
<body class="vbox flex">
<!-- header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<header class="hbox">
<div class="hbox flex" style="padding-top: 5px;">
<img src="icons/Produkshunator.png" style="height:60px;width:490px;"/>
</div>
<div id="login_status" style="width:150px;"></div>
</header>
<!-- body ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<div class="flex hbox">
<!-- Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<section class="vbox right" style="width:400px; padding:0; overflow: visible;">
<!-- Login Form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<form class="flex sleek"
name="login"
id="login">
<h2 class="r">Login</h2>
<div>
<label>Email:</label>
<input type="email" name="email"/>
</div>
<div>
<label>Password:</label>
<input type="password" name="password"/>
</div>
<div>
<input type="button" value="Submit" class="form_butt" />
</div>
<p><i id="log_error" class="error"></i></p>
</form>
<!-- Registration Form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<form class="sleek flex"
name="register"
id="register">
<h2 class="r">Register</h2>
<div>
<label>First Name:</label>
<input type="text" required="flag" name="firstname"/>
</div>
<div>
<label>Last Name:</label>
<input type="text" required="flag" name="lastname"/>
</div>
<div>
<label>Email:</label>
<input type="email" required="flag" name="email"/>
</div>
<div>
<label>Password:</label>
<input type="password" required="flag" name="password"/>
</div>
<div>
<label>Retype Password:</label>
<input type="password" required="flag" name="password2"/>
</div>
<div>
<input type="button" value="Submit" class="form_butt" />
</div>
<p id="reg_error" class="error"></p>
</form>
</section>
</div>
</body>
</html>
有什么我需要知道的东西不在教程中吗?
答案 0 :(得分:3)
尝试将代码放入
$(document).ready(function(){
// Your code goes here
});