работает отлично.
ите следующую страницу:
<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 происходит самое странное - весь текст, который я набираю вручную, заменяется новым хэштегом и исчезает.
Вероятно, я здесь что-то делаю очень неправильно, поэтому я был бы признателен, если бы кто-то мог указать на мою ошибку здесь и как это исправить.
Благодарю.