Question

我正在尝试为我的表情功能制作一个点击发送功能，但它无法正常工作。

我已经从jsfiddle创建了这个demo。在这个演示中你可以有四个textarea和笑脸。当你点击笑脸然后其他警报（评论将来到这里）改为（请写评论）。有什么问题，在这方面有什么解决方案可以帮助我？

JS

$('.sendcomment').bind('keydown', function (e) {
    if (e.keyCode == 13) {
        var ID = $(this).attr("data-msgid");
        var comment = $(this).val();

        if ($.trim(comment).length == 0) {
            $("#commentload" + ID).text("Plese write your comment!");
        } else {
            $("#commentload" + ID).text(comment);
            $("#commentid" + ID).val('').css("height", "35px").focus();
        }
    }
});
/**/
$(document).ready(function () {
    $('body').on("click", '.emo', function () {

        var ID = $(this).attr("data-msgid");
        var comment = $(this).val();

        if ($.trim(comment).length == 0) {
            $("#commentload" + ID).text("nothing!");
        } else {
            $("#commentload" + ID).text(comment);
            $("#commentid" + ID).val('').css("height", "35px").focus();
        }

    });
});
$('body').on('click', '.sm-sticker', function (event) {
    event.preventDefault();
    var theComment = $(this).parents('.container').find('.sendcomment');
    var id = $(this).attr('id');
    var sticker = $(this).attr('sticker');
    var msg = jQuery.trim(theComment.val());

    if (msg == '') {
        var sp = '';
    } else {
        var sp = ' ';
    }

    theComment.val(jQuery.trim(msg + sp + sticker + sp));
    var e = $.Event("keydown");
    e.keyCode = 13; // # Some key code value
    $('.sendcomment').trigger(e);
});

HTML

Answer 1

在43行$('.sendcomment').trigger(e);，你会触发所有textareas的keydown事件。将其更改为theComment.trigger(e)

jquery点击发送功能不会工作只更新相同的字段

1 个答案: