は以下のページテイク編集した後にテキストエリアに追加しない.append:jQueryのは、テキストが
<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
とdiv要素のいずれかをクリックしたときにということですそれらの内容(それぞれ "#one"と "#two")は、テキストエリアtext-box
のテキストの末尾に追加されます。
私はちょうどページをロードした後にハッシュタグをクリックすると、この問題が発生しません。しかし、私もtext-box
のテキストの編集を開始してから、Firefoxに追加されていないハッシュタグをクリックすることに戻ります。 Chromeでは、最も奇妙なことが起こっています。手動で入力したすべてのテキストが新しいハッシュタグに置き換えられて消えます。
私はおそらくここに非常に間違って何かをやっているので、誰かがここに私の間違いを指摘することができれば、私は感謝し、それを修正する方法。おかげさまで
あなたは、私が理解するために何を望むかthatsの感謝 –