javascript - 固定 div 父级的 jQuery UI 小部件自动完成问题

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>

div 没有收到正确的位置信息，固定在左上角。

Answer 1

我解决了，问题是在我的 css 中我为 body 设置了一个固定位置，这阻止了窗口位置 jquery ui。