Question

我正在构建一个从youtube学习的聊天框，我按照步骤进行操作，但是为什么我的页面转到// localhost，而不是在当前页面上发出警报？

Youtube教程：https://www.youtube.com/watch?v=_Demu2OfTqI

JS代码：

$(document).ready(function(){
    alert("we made it");  //this alert works

    $("#submint_message").click(function(){
        alert("we made it");
        alert($("#chat_message").val());
    });
});

HTML页面：

 <h1>Let's chat</h1>
    <div id="chat_viewport"></div>

    <div id="chat_input">
        <input id="chat_message" name="chat_message" type="text" value="" tabindex="1">
        <?php $this->load->helper('url');
         echo anchor('#','say it', array('title'=>'send this message','id'=>'submit_message'));?>
        <div class="clearer"></div>

点击“说出来”后，当前页面应提醒我输入的消息。但是它实际上转到我的本地主机的索引页。 current chat page

after click "say it"

Answer 1

您的元素名称中有错字。您将事件附加到submint_message而不是submit_message上。还可以通过添加event.preventDefault();来防止锚标记的默认行为请尝试以下。

$(document).ready(function(){
    alert("we made it");  //this alert works

    $("#submit_message").click(function(event){ // event parameter passed 
        event.preventDefault(); // prevent the default behavior 
        alert("we made it");
        alert($("#chat_message").val());
    });
});

为什么单击后页面直接指向// localhost的索引页？

1 个答案: