Textarea不能与jQuery live keyup功能一起工作
Textarea not working with jQuery live keyup function
我正在尝试为个人项目建立一个标签好友系统。我在网上找到了一些很棒的教程,但是现在我卡住了。
当我在标签框中输入@时,什么也没有发生。显示和提示框应该向下滑动,以便用户可以选择他们想要标记的朋友。
我做错了什么?
<div id="tagbox">
<div class="textarea">
<textarea id="contentbox" name="contentbox"></textarea>
<div id='display'></div>
<div id="msgbox"></div>
<button type="submit" id="tag_button" value="Update" name="submit">Add</button>
</div>
这是AJAX/jQuery部分:
<script type="text/javascript">
$(document).ready(function() {
var start=/@/ig;
var word=/@('w+)/ig;
$('#tagbox .textarea textarea[name="contentbox"]').live("keyup",function() {
var content=$(this).text();
var go= content.match(start);
var name= content.match(word);
var dataString = 'searchword='+ name;
if(go.length>0) {
$("#msgbox").slideDown('show');
$("#display").slideUp('show');
$("#msgbox").html("Type the name of someone or something...");
if(name.length>0) {
$.ajax({
type: "POST",
url: "addfriends.php",
data: dataString,
cache: false,
success: function(html) {
$("#msgbox").hide();
$("#display").html(html).show();
}
});
}
}
return false();
});
$(".addname").live("click",function() {
var username=$(this).attr('title');
var old=$('#tagbox .textarea textarea[name="contentbox"]').html();
var content=old.replace(word,"");
$('#ws3 .textarea textarea[name="contentbox"]').html(content);
var E="<a class='red' contenteditable='false' href='#' >"+username+"</a>";
$('#tagbox').append(E);
$("#display").hide();
$("#msgbox").hide();
$('#ws3').focus();
});
});
</script>
要获取textarea
的值,必须使用.val()
方法而不是text()
,否则content
将始终为空。
var content=$(this).val();
相关文章:
- 添加文字和评论功能更新Div
- JavaScript打印功能使日历停止工作
- 转义符不能与innerHTML一起使用
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 如何防止网页加载后自动启动功能
- 除修剪外的其他功能
- 如何将具有相同功能的两个select html标签的两个JS组合在一起
- 如果与同步功能一起使用,将延迟阻塞UI
- 我将如何让OpenLayers功能选择和Javascript拖放一起工作
- 将 JavaScript 与 TreeView 节点一起使用 检查/取消选中功能
- 如何将自动完成功能与 AJAX 一起使用
- 无法将引导折叠功能与角度路由一起使用
- 将if和else-if功能与选择输入一起使用(根据公里和英里转换结果)
- Node.js是否可以具有与PHP相同的功能,或者它们应该一起使用
- 谷歌分析-显示功能与事件点击一起发送
- 复选/取消复选框不能与prop功能一起工作
- Textarea不能与jQuery live keyup功能一起工作
- Soundcloud stream: onfinish功能无法与锁定的手机一起工作
- 使onclick功能与ENTER一起工作;Go"Safari Mobile(iOS)上的按钮
- 点击时的反应不能与箭头功能一起工作