Question

当文本在Textarea中输入然后在DIV中显示文本。但条件是，我追加多个DIV然后在Textarea中键入文本。然后只显示文本一个DIV而不是其他DIV。

我的代码：

<button data-bind="adds">ADD</button>
     <div data-bind="foreach: items">
                <div class="SpeechBubble" id="speechID" data-bind="attr: { class: 'SpeechBubble' }">
                <div class="pointer bottom " id="pointer"></div>
                <div class="txtspeech"></div>
            </div>

        </div>

var SpeechBubble = function () {
                this.items = ko.observableArray();
                this.adds = function (item) {
                    this.items.push(item);
                }
            }
            ko.applyBindings(new SpeechBubble());



$('.speechttxt').keyup(function () {
    var txt = $(this).val();
    $('.txtspeech').html(txt);
});

Answer 1

您的代码正在运行您可能需要将其document.ready放置，以便在执行绑定事件的脚本时，您要查找的元素已添加到DOM和include jQuery

<强> Live Demo

$('.speechttxt').keyup(function () {
    var txt = $(this).val();
    $('.txtspeech').html(txt);
});

您可以使用脚本标记添加jQuery。

<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>    

<script  type="text/javascript">
    document.ready(function(){
        $('.speechttxt').keyup(function () {
            var txt = $(this).val();
            $('.txtspeech').html(txt);
        });
    });
</script>

Answer 2

将类'txtspeech'添加到要显示文本的div

当文本在Textarea中输入时，如何在div中显示文本

2 个答案: