加载到jquery对话框时JS代码不工作

加载到jquery对话框时JS代码不工作,jquery,dialog,modal-dialog,keyword-search,Jquery,Dialog,Modal Dialog,Keyword Search,我有一些代码可以让你键入一个用户名,就像SO关键字一样,但是当我把它加载到jquery对话框模式中时,用户的搜索功能就停止了 Im my header.php文件我有包含到js文件中的文件 这是在对话框模式中停止工作的基本代码段: <span class="font-heavy" id="">To:</span> <input type="text" id="users" name="blah" placeholder="Add friends"/&g

我有一些代码可以让你键入一个用户名,就像SO关键字一样,但是当我把它加载到jquery对话框模式中时,用户的搜索功能就停止了

Im my header.php文件我有包含到js文件中的文件

这是在对话框模式中停止工作的基本代码段:

   <span class="font-heavy" id="">To:</span> 
   <input type="text" id="users" name="blah" placeholder="Add friends"/>
   <input type="hidden"  id="tags"/>


   <script type="text/javascript">
    $(document).ready(function() {

       $("#users").tokenInput([
          {id: 44, name: "fstar55 burrens"},
          {id: 87, name: "fstars fishing supplies Burrens"}
          ],
           {
            prePopulate: [
            {id: 19, name: "Joe Soap"}

            ],theme: "facebook", preventDuplicates: true, 
              hintText: "Add friends"
        });
    });
    </script>
我试着按不同的顺序加载,但没有成功。甚至没有出现“无结果”消息。。我试着将js和css中的include添加到实际的模态数据中,但仍然没有成功

我还在学习js-有什么想法吗

我的头文件包括:

<script src="js/jquery.min.js"></script>

<script src="js/bootstrap.min.js"></script>
<script src="js/holder.js"></script>

<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.tokeninput.js"></script>
<link rel="stylesheet" href="css/token-input.css" type="text/css" />
<link rel="stylesheet" href="css/token-input-facebook.css" type="text/css" />