我正在进行类似 Facebook 的聊天。我想实现当您单击聊天栏时显示/隐藏聊天的功能,但当您单击 .chat_txt 或 .chat_new_input 时则不显示/隐藏聊天。你知道什么技巧吗?
//JavaScript Show/Hide Function
$('.hidden_box').live("click", function(){ showChat(this); });
$('.active_box').live("click", function(){ hideChat(this); });
$('.chat_txt').click(function(event) {
event.preventDefault();
});
以下是 DIV 的语法:
<div id="chat_system_msg_lp" class="chat_box clickable_box hidden_box">
<div id="chat_system_msg_nick" class="chat_name">system_msg</div>
<ul id="chat_system_msg_txt" class="chat_txt">
<li id="46">Hi visitor. We suggest you to sign in/sign up in order to have all the benefits from Live-Pin </li>
</ul>
<form class="chat_new_message" name="new_msg">
<input type="text" placeholder="Enter your message..." class="chat_new_input">
</form>
</div>
您可以在 http://live-pin.com 中看到现场演示.
最佳答案
使用
$('.hidden_box #chat_system_msg_nick').live("click", function(){ showChat('#chat_system_msg_lp'); });
$('.active_box #chat_system_msg_nick').live("click", function(){ hideChat('#chat_system_msg_lp'); });
并删除 Javascript 的最后一部分。
另外,请不要转发问题。如果您有任何要添加/更改的内容,只需编辑原始问题即可,
关于javascript - 禁用默认功能jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9244233/