簡單的Jquery腳本不工作：/

Question

即時通訊問題與我做的腳本，它不工作，我不知道我做錯了什麼。

當我點擊'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> 

Answer 1

這是因爲您嘗試將事件處理程序綁定到尚不存在的元素。

要麼把腳本元素在體內的底部或將其更改爲

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

見.ready()