2011-11-16 104 views
0

我想使用jquery自動完成插件,但我很難讓它附加到我的textarea #message或#messageid,(兩個不同的)。它適用於將函數attach()設置爲任一元素的onClick事件,但如果我正常執行它,或使用$(document).ready(attach()),它似乎不會執行任何操作。Jquery自動完成不附加到文本輸入框

這是一個網頁我做了嘗試和調試它保留的問題被剔除的代碼(真正的頁面是相當複雜的,分成幾檔)

謝謝!

<head> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> 


<script type="text/javascript"> 


$(document).ready(attach()) 

function attach(){ 
$("#messageid").autocomplete({ 

    source: function(request, response){ 
     $.post("utilities/atuser.php", {data: request}, function(data){ 

      alert(data); 

      }); 


     }, 
    appendTo: "#content" 
}); 

} 

</script> 
</head> 
<body> 

<form action="utilities/s_shoutout.php" method="post" id="sideshoutout" class="frmshoutout"> 

    <textarea name="message" cols="25" id="messageid" onclick=";"></textarea> 
<br /><br /> 
    <input type="submit" /> 

+0

你爲什麼要在textarea上做一個自動完成而不是文本輸入? – Flukey

+1

真正的是一個文本輸入,這是一個兩秒鐘的樣機! – shaananc

回答

0

嘗試以下方法之一:

$(document).ready(function(){ 
    $("#messageid").autocomplete({ 

     source: function(request, response){ 
      $.post("utilities/atuser.php", {data: request}, function(data){ 

       alert(data); 

       }); 


      }, 
     appendTo: "#content" 
    }); 

    }); 

希望這一個幫助你:-)

編輯:新增失蹤 「);」

+1

那和他有什麼不同? – Niklas

+0

嗯..如果我加上缺少的);到你的工作!有什麼機會可以解釋這種差異? – shaananc