jquery - 简单的 Jquery 脚本不起作用：/

Question

我制作的这个脚本有问题，它不工作，我不知道我做错了什么。

当我单击“跨度”标签之间的文本时，脚本应将其插入“输入文本”但没有任何反应。

希望你能解决我的问题

谢谢！

<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>

Answer 1

那是因为您尝试将事件处理程序绑定到尚不存在的元素。

将脚本元素放在正文的底部或将其更改为

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

见.ready()