jquery函数没有调用按钮单击

时间:2015-07-23 17:09:55

标签: javascript jquery html

以下是我的代码,我只想提醒"嗨"和"你好"所以我可以把我的实际代码放在那里。

<html>
<head>
<script type="text/javascript"  src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='jquery-1.11.1.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>

  <script src="jquery-ui.js"></script>
        <link rel="stylesheet" href="jquery-ui.css">
</head>

<script>

$(document).ready(function(){
    alert("hi");
    $('form[name="lgform"]').submit(function(evnt){
        evnt.preventDefault();
    });

    $("#btn_login").click(function(){       
        alert("hello");
    });

});
</script>

<body>
<form name="lgform">
<div>

<table id="table"  >
    <tr>

        <td width="35px"><input id="mob"  type="text" name="mob_nu"></td>

        <td width="35px"><input id="pswd"  type="password" name="pswd_vl"></td>

        <td width="100px"><input type="button" name="login_btn" id="btn_login" value="Login"></td>          
    </tr>

</table>
</div>
</form>

</body>
</html>

按钮单击事件无法正常工作,我在其他一些工作正常的地方使用相同的jquery库。我必须在此页面中调用ajax我需要在不提交页面的情况下调用按钮单击,因为我还有更多按钮要添加。任何一段代码都会受到赞赏并提前感谢。

1 个答案:

答案 0 :(得分:1)

当我尝试你的代码我得到了这个错误

忽略对'alert()'的调用。文档是沙箱,“allow-modals”关键字未设置

当我尝试用console.log替换alert后,它运行正常。

您的代码运行正常,请使用console.log()

替换alert