我写了两个函数来控制点击事件
的jQuery
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Classic Online Store</title>
<link rel="stylesheet" type="text/css" href="../css/login-form.css" />
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<link rel="stylesheet" type="text/css" href="../css/nav-menus.css"/>
<!--tabs in the accordion -->
<link rel="stylesheet" type="text/css" href="../css/acard.css"/>
<!-- the template script-->
<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
<!-- side category accordion -->
<script type="text/javascript" src="../js/custom.js"></script>
<script type="text/javascript" src="../js/customlog.js"></script>
<script type="text/javascript" src="sideacardeion/script.js"></script>
<script language="javascript" type="text/javascript">
$('#btn_Run').click(function(e) {
alert("Hello! ShareChiWai.");
});
</script>
</head>
HTML
我有菜单在这里运行
.....
然后登录表单
<?php
if ($_SESSION['Id'] > 0 ){
echo '<h1>Login Form</h1>
<h2>You have loged in already<br/></h2>
<br />
<h3>Click logout to exit </h3>
<br />
<h3><a href="logout.php"> logout</a></h3>';
} else {
echo ' <h1>Login Form</h1>
<div id="contact_form">
<form name="contact" action="">
<fieldset>
<label for="email" id="email_label"><font color="#FFFFFF">Email</font></label>
<input type="text" name="email" id="email" size="30" value="" class="text-input" />
<label class="error" for="email" id="email_error">This field is required.</label>
<label for="phone" id="phone_label"><font color="#FFFFFF">Password</font></label>
<input type="password" name="phone" id="phone" size="30" value="" class="text-input" />
<label class="error" for="phone" id="phone_error">This field is required.</label>
<input type="button" id="btn_Run" value="Run" />
<br />
</fieldset>
</form>
</div>
';
if (isset($_SESSION['attmpt'])){
$leftlog = $_SESSION['attmpt'] - 4;
echo '<div class="atmpt" id="atmpt"><font color="#FF0000"> You have '.$leftlog.' more chanse(s)</font></div>';
}
}
?>
页面的其余部分
这个没有做任何事,
我不知道我的点击事件功能有什么问题?你能告诉我如何正确检查点击事件吗?我已经谷歌搜索了所有的jQuery事件控制器,我发现我的第一个函数应该工作正常,但事实并非如此。
当我点击登录btn
时,我没有收到任何错误,并且在控制台中没有警报请提前帮助,谢谢。
答案 0 :(得分:1)
Plz确保在运行代码时加载了jQuery文件。
您可以通过以下方式执行此操作:
if (window.jQuery) {
// jQuery library loaded
} else {
// jQuery library is not loaded
}
为了安全起见,如果没有加载,你可能会尝试重新加载jQuery:
if (!window.jQuery || typeof jQuery == 'undefined') {
// create script Element and append in head of HTML
var jqElement = document.createElement('script');
jqElement.type = 'text/javascript';
// Path to jquery.js file, eg. Google hosted version
jqElement.src = '/path-to-your/jquery.min.js'; //or reference an alternate CDN link
document.getElementsByTagName('head')[0].appendChild(jqElement);
}
答案 1 :(得分:1)
页面加载后是否创建了按钮。无论如何,试试这个,让我知道会发生什么:
<script type="text/javascript">
$(document).ready(function () {
$('body').on('click','#btn_Run',function(){
alert("Hello! ShareChiWai.");
});
});
</script>
而不是'body'
。相反,我们可以使用页面加载时出现的任何选择器。
答案 2 :(得分:0)
我已修复错误,将功能更改为
$(document).ready(function(e) {
$('#btn_Run').click(function(e) {
alert("Hello! ShareChiWai.");
});
});
感谢您的帮助并尝试,非常感谢。 :)