работает отлично.

ите следующую страницу:

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"/>
</head>
<body>
    <div class="hashtag">#one</div>
    <div class="hashtag">#two</div>
    <form accept-charset="UTF-8" action="/home/index" method="post">
        <textarea id="text-box"/>
        <input type="submit" value ="ok" id="go" />
    </form>

    <script type="text/javascript">
        $(document).ready(function() {

            $(".hashtag").click(function() {
                var txt = $.trim($(this).text());
                $("#text-box").append(txt);
            });

        });
    </script>
</body>
</html>

Поведение, которого я ожидаю, и которого я хочу достичь, заключается в том, что когда я нажимаю на одну издивы с классомhashtag их содержимое ("#one" и "#two" соответственно) будет добавлено в конце текста вTextArea text-box.

Это происходит, когда я нажимаю на хэш-теги сразу после загрузки страницы. Однако, когда я тогда также начинаю редактировать текст вtext-box вручную, а затем вернитесь к щелчку по любому из хэштегов, которые они не добавляют в Firefox. В Chrome происходит самое странное - весь текст, который я набираю вручную, заменяется новым хэштегом и исчезает.


Вероятно, я здесь что-то делаю очень неправильно, поэтому я был бы признателен, если бы кто-то мог указать на мою ошибку здесь и как это исправить.

Благодарю.

Ответы на вопрос(4)

Ваш ответ на вопрос