jQuery UI小部件自動完成問題與固定div父母

Question

我試着用這個https://github.com/aehlke/tag-it腳本，沒問題，我可以添加，刪除標籤和自動完成功能的工作非常好。 我來源：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#addTags").tagit({ 
      fieldName: "task_tags", 
      availableTags: ["c++", "java", "php", "javascript", "ruby", "python", "c"], 
      allowSpaces: true 
     }); 
     //$("#addTags").tagit(); 
    }); 
</script> 

<div class="panel"> 
    <div class="form-group"> 
    <ul id="addTags"> 
     <li>Tag1</li> 
    </ul> 
    </div> 
</div> 

的問題開始的時候我加我的CSS：

<style> 
    .panel { 
    position: fixed; 
    top: 30px; 
    left: 90px; 
    } 
</style> 

股利不接受上的位置正確的信息，並保持固定在左上角。

Answer 1

我解決了，問題是，在我的CSS我設置了一個固定位置的身體，並阻止窗口位置jQuery UI。