2

私のページには次の JQuery があります。ページは正常に読み込まれ、コードは最初は機能します。テキストエリア フィールドを編集すると、フィールドをもう一度クリックしても機能しません。テキストエリアが編集された後でも JQuery 機能をバインドする方法はありますか?

$(document).ready(function() {
$("#prop_notes").dblclick(function() {
    var timestamp = '2013-04-01 20:40:00';
    var userid = '1';
    var username = 'Jim Williams';
    if ($('#prop_notes').val() == '') {
        $("#prop_notes").text("Timestamp: " + timestamp + "\nUser ID: " + userid + "\nUser: " + username);
    }
    else {
        $("#prop_notes").text($("#prop_notes").text() + "\n\n- - - - - - - - - - - - - - - - - - - -\n\nTimestamp: " + timestamp + "\nUser ID: " + userid + "\nUser: " + username);
    }
});

});

再現可能な動作フィドル: http://jsfiddle.net/njgray/MxPNX/1/

4

1 に答える 1

0

.text() http://jsfiddle.net/sXkPE/3/の代わりに .val() を使用してみてください

$(document).ready(function () {
    $("#prop_notes").on('dblclick', function () {
        var timestamp = '<?php echo $timestamp; ?>';
        var userid = '<?php echo $user_id; ?>';
        var username = '<?php echo $user_full_name; ?>';
        if ($('#prop_notes').val() == '') {
            $("#prop_notes").val("Timestamp: " + timestamp + "\nUser ID: " + userid + "\nUser: " + username);
        } else {
            $("#prop_notes").val($("#prop_notes").val() + "\n\n- - - - - - - - - - - - - - - - - - - -\n\nTimestamp: " + timestamp + "\nUser ID: " + userid + "\nUser: " + username);
        }
    });
});
于 2013-04-14T04:59:43.920 に答える