Textarea不使用jQuery live keyup函數

Question

我正在嘗試為個人項目構建標記朋友系統。 我在網上找到了一些很棒的教程但是現在我被卡住了。

當我在標簽欄中輸入@時沒有任何反應。 顯示和消息框應向下滑動，以便用戶可以選擇他們想要標記的朋友。

我究竟做錯了什么？

<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>

Answer 1

要獲取textarea的值，必須使用方法.val()而不是text()否則content將始終為空。

var content=$(this).val();