如何正确检查点击事件？

我已经写了两个函数来控制上单击事件如何正确检查点击事件？

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

我这里跑

.....

菜单

然后登录fo RM

<?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

请帮帮忙，在此先感谢。

来源

2014-01-06 Kissa Mia

它适用于我 –

你包括'jQuery'？ – xdazz

第二个例子可能有用，但这是不好的做法。请阅读以下部分结果：https://www.google.com/search?q=Why+is+inline+js+bad%3F – m59

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); 
}

来源

2014-01-06 08:25:02

在缺少的第二个代码中：异步，追加到脚本位置。（不是每个html都有头），你可以删除||的第二部分 –

与现代浏览器，无论你设置script.async = true或不是，它将异步执行 –

没有运气，我已经把它放在标题 –

是页面加载后创建您的按钮。无论如何，试试这个，让我知道会发生什么：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('body').on('click','#btn_Run',function(){ 
     alert("Hello! ShareChiWai."); 
    }); 
}); 
</script>

而不是'body'。相反，我们可以使用任何在页面加载时存在的选择器。

来源

2014-01-06 08:50:14 skshoyeb

所以这应该是委托事件？对？它没有。 – undefined

@skshoyeb以前版本的点击功能。有时间更新你的知识。 –

@BlackSheep：oops明白了，我猜如果我没有错的话，新的编辑会执行代表团。你可以启发我，如果我错了，虽然:) – skshoyeb

我有固定的错误，通过改变功能

$(document).ready(function(e) { 
$('#btn_Run').click(function(e) { 
     alert("Hello! ShareChiWai."); 

}); 
});

感谢所有帮助和尝试，非常感谢。 :)

来源

2014-01-06 10:49:11

如何正确检查点击事件？

回答

相关问题