简单的Jquery脚本无法正常工作:/

时间:2013-10-18 15:14:59

标签: jquery

我对这个剧本有问题,它不起作用,我不知道我做错了什么。

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

希望你能解决我的问题

谢谢!

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

1 个答案:

答案 0 :(得分:4)

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

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

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

请参阅.ready()