Question

编辑：

谢谢你们 - 完美！我希望我能检查多个答案，因为你们都给了我正确答案。快速回复！

我有以下jQuery函数：

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

可行 - 当我点击按钮时，消息div的文本会发生变化。但它在装载时立即恢复到它的状态。所以你真正看到的是快速闪光，然后就消失了。

我正在使用codeigniter。上面的脚本名为“login_attempt”，位于项目根目录下名为“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，但我认为当文本被更改时，它应该保持不变。有人可以告诉我如何确保改变仍然存在吗？

感谢。

Answer 1

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

返回false以防止表单提交。

Answer 2

这个按钮是否在表单中？如果是这样，我认为您在单击按钮时提交表单，然后重新加载页面。它可能重新加载得如此之快，以至于它看起来像一个闪光灯。

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

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

按钮上的JQuery更改文本单击“闪烁”文本

2 个答案: