Twitter bootstrap 引导typeahead在引导模式内不工作

我使用的是codeigniter框架，我使用的是bootstrap typeahead，一切都很好，但我的问题是，当我把它放在bootstrap模式中时，bootstrap typeahead将无法工作。有人能帮我吗？请这是我的密码

<a data-target="ajaxify" data-toggle="modal" href="<?php echo base_url()?>task/add_task" class="no-u quick-task">
    <h4>Task</h4>
    <span>This is a simple description</span>
 </a>

这是task_view.php的内容：只是一个示例

<div id="ajaxx" class="modal hide fade">
<div class="modal-header">
  <a class="close" data-dismiss="modal">&times;</a>
  <!--Your title here -->
  <h3>Modal Heading</h3>

</div>
<div class="modal-body">
<form><input type="text" name="assign_to" id="assign_to" /></form>
</div>
<div class="modal-footer">
  <!--Your dont change the attributes only the value here -->
  <a href="#" id="n0" class="btn n0" data-dismiss="modal">Close</a>
  <a href="#" id="y1" class="btn btn-primary y1" data-submit="modal">Save</a>
</div>

您需要在.typeahead上放置一个1051的z索引，使其显示在modal div上方。

编辑

引导typeahead.js

：

  this.$menu.css({
    top: pos.top + pos.height,
    left: pos.left,
    'z-index': 9999 //maximum z-index
  })

---

查找最高的z-index:

我不知道是否遇到了版本特定的问题，但我使用的是bootstrap 2.3.2，没有一个z-index版本适合我。我找到了另一个最终有效的解决方案：

.modal-body{overflow-y: inherit;}

---

在中找到，由jgutix回答确保删除typeahead append to body=“true”

---

我在自定义css中使用以下内容

.modal-body{overflow-y: inherit;}

.modal-open .dropdown-menu {
  z-index: 2050;
}

---

感谢您的帮助，但将z索引设置为1051似乎不起作用。我认为我为typeahead制作的javascript在我将其放入模式中时不会包含在DOM中。谁能帮帮我吗。。我正在使用codeigniter和twitter引导。typeahead被插入模态区域之外的dom中，并显示在模态的下面。我可以通过在bootstrap.css中添加.typeahead{z-index:1051；}来实现它。这与处理modals（）+1中未显示的下拉列表的技巧相同，他们声称问题出现在最新版本中。但事实并非如此。引导程序2.1.1仍然存在同样的问题。我使用的是2.2.1，问题仍然存在。由于单独调整z索引可能无法解决问题，因此可能需要注意在.modal body上包含overflow-y:visible属性，根据以下问题：

.modal-body{overflow-y: inherit;}

.modal-open .dropdown-menu {
  z-index: 2050;
}