0

私が作成したこのスクリプトに問題があり、機能していません。何が間違っているのかわかりません。

「スパン」タグ間のテキストをクリックすると、スクリプトはそれを「入力テキスト」に挿入する必要がありますが、何も起こりません。

あなたが私の問題を解決できることを願っています

ありがとう！

<script type="text/javascript">  
    var $tagsInput = $("#message");
    $("span").click(function() {
        $tagsInput[0].value += $(this).text();
        return false;
    });
</script>

<input type="text" id="message" size="83" />
<div class="iconos" style="border: 1px solid #DDDDDD; font-size: 16px; padding: 3px; width:400px; word-wrap: break-word; float:right;margin-right: 150px; ">
<span>&#x1F604;</span>
<span>&#x1F60A;</span></div>
4

1 に答える 1

4

これは、まだ存在しない要素にイベント ハンドラーをバインドしようとするためです。

script 要素を本文の下部に配置するか、次のように変更します。

<script type="text/javascript">  
    $(function(){
      var $tagsInput = $("#message");
      $("span").click(function() {
        $tagsInput[0].value += $(this).text();
        return false;
      });
    });
</script>

.ready()を参照してください

于 2013-10-18T15:16:17.463 に答える