如何正确检查点击事件?

时间:2014-01-06 08:20:44

标签: jquery html

我写了两个函数来控制点击事件

的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

时,我没有收到任何错误,并且在控制台中没有警报

请提前帮助,谢谢。

3 个答案:

答案 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.");

});
});

感谢您的帮助并尝试,非常感谢。 :)