小编use*_*825的帖子

Bootstrap typeahead不在Bootstrap模式中工作

我正在使用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>
Run Code Online (Sandbox Code Playgroud)

在我的add_task控制器中,我调用了视图task_view.php和task.js,但似乎typeahead在bootstrap模式中不起作用.

这是task.js的内容

$(document).ready(function(){
$("#assign_to").typeahead({
    source: [{value: 'Charlie'}, {value: 'Gudbergur'}]              
});
});
Run Code Online (Sandbox Code Playgroud)

这是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> …
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap bootstrap-typeahead

12
推荐指数
2
解决办法
1万
查看次数