JQuery更改按钮上的文本点击";闪光“;正文

JQuery更改按钮上的文本点击";闪光“;正文,jquery,Jquery,编辑: 谢谢大家-太好了!我希望我能核对不止一个答案,因为你们都给了我正确的答案。快速反应 我有以下jQuery函数: $(document).ready(function(){ $('#login_btn').click(function(){ $("#message").text("button was pushed"); }); }); 它可以工作-当我单击按钮时,消息div的文本会发生变化。但它在加载时会立即恢复到原来的状态。所以你真正看到的

编辑:

谢谢大家-太好了!我希望我能核对不止一个答案,因为你们都给了我正确的答案。快速反应


我有以下jQuery函数:

$(document).ready(function(){ 
      $('#login_btn').click(function(){
        $("#message").text("button was pushed"); 
    }); 
});
它可以工作-当我单击按钮时,消息div的文本会发生变化。但它在加载时会立即恢复到原来的状态。所以你真正看到的只是一个快速的闪光,然后它就消失了

我正在使用codeigniter。上面的脚本名为“login\u trunt”,位于项目根目录下名为“javascript”的文件夹中。这是那个档案里唯一的东西。下面是输出的html源代码

<html>
<head>
    <script language="javascript" src="path to jquery-1.4.min.js"></script>
    <script type="text/javascript" src="path to login_attempt.js"></script>

    <title>Login Page</title>
</head>
<body>
    <div id="message">this will become something else</div>
      <button id="login_btn">Click Me</button>
</html>

登录页面
这将成为另一回事
点击我
我刚刚在学习jQuery,但我认为当文本被更改时,应该保持不变。有没有人能告诉我如何确保更改保持不变

谢谢

$('#login_btn').click(function(){
    $("#message").text("button was pushed");
    return false;
}); 
返回false以防止表单提交


返回false以防止表单提交。

此按钮是否在表单中?如果是这样的话,我认为当您单击按钮并重新加载页面时,您正在提交表单。它可能重新加载得太快了,看起来像一个闪光灯

$(document).ready(function(){ 
    $('#login_btn').click(function(e){
        e.preventDefault();
        $("#message").text("button was pushed"); 
        return false;
    }); 
});

添加return false基本上会停止按钮通常会启动的事件链。

此按钮是否在表单中?如果是这样的话,我认为当您单击按钮并重新加载页面时,您正在提交表单。它可能重新加载得太快了,看起来像一个闪光灯

$(document).ready(function(){ 
    $('#login_btn').click(function(e){
        e.preventDefault();
        $("#message").text("button was pushed"); 
        return false;
    }); 
});

添加return false基本上会停止按钮通常会启动的事件链。

return false
与调用
e.preventDefault()相同;e、 停止传播()除非函数中碰巧有任何错误,否则将提交表单。根据我的经验,将e.preventDefault()放在函数的开头可以防止出现这种情况。并不是说函数中应该有任何错误,但这只是增加了一些保险。
returnfalse
与调用
e.preventDefault()相同;e、 停止传播()除非函数中碰巧有任何错误,否则将提交表单。根据我的经验,将e.preventDefault()放在函数的开头可以防止出现这种情况。并不是说你的函数应该有任何错误,但这只是增加了一些保险。