TokenInput在加載到引導模式時停止工作

（即時通訊仍然在學習js/jquery）所以請耐心等待 - 我在頁面中有以下代碼 - 如果我回顯$ data，它的工作完美 - 文字加載正確。但是，當我回顯模式（包含相同的$數據）功能停止，我只是在文本框中輸入文字。TokenInput在加載到引導模式時停止工作

頁面具有相同的包含（它是我用於獨立代碼的測試頁面）。我是否需要將令牌js和css文件重新加載到模式中（嘗試過但不工作） - 我錯過了什麼？

對於令牌輸入沒有額外的js，它只是加載js和css文件。

$data='<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: 7, name: "Ruby"}, 
      {id: 11, name: "Python"}, 
      {id: 47, name: "Java"} 

     ],{ 
      prePopulate: [ 

       /*{id: 123, name: "Pri User"}, 
       {id: 555, name: "Bob Hoskins"}*/ 
      ],theme: "facebook",preventDuplicates: true, hintText: "Add friends" 
     }); 
    }); 
    </script> 
    '; 



$modal = '<a href="#" id="NewRatingsLink">Load Modal</a> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#NewRatingsLink").click(function(){ 
      $("#newRatingsModal").modal("show"); 
     }); 
    }); 
</script> 

<style>.modal { 
     overflow-y: hidden; 
    }</style> 


<div id="newRatingsModal" class="modal fade"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title">Overall Rating: '[email protected]($ave).'</h4> 
      </div> 
      <div class="modal-body"> 

     <div id="listratings"> 
     '.$data.' 
     </div> 

      </div> 
      <div class="modal-footer"> 

       <button type="button" class="btn btn-green" data-dismiss="modal">Cancel</button>'[email protected]$submit.' 
       <div class="message"></div> 
      </div> 
     </div> 
    </div> 
</div><!-- END of Modal HTML -->';

謝謝！

來源

2015-04-17 Francois Brand

可能重複的[jQuery TokenInput：令牌不會被添加]（http://stackoverflow.com/questions/23677002/jquery-tokeninput-tokens-are-not-getting-added） – Chris

這可能是一個Z指數問題。使用TokenInput設置中的參數，將TokenInput的z索引設置爲高於模式彈出窗口。

$("#users").tokenInput([ 
     {id: 7, name: "Ruby"}, 
     {id: 11, name: "Python"}, 
     {id: 47, name: "Java"} 

    ],{ 
     prePopulate: [ 

      /*{id: 123, name: "Pri User"}, 
      {id: 555, name: "Bob Hoskins"}*/ 
     ],theme: "facebook", 
preventDuplicates: true, 
hintText: "Add friends", 
z-index: 9999 
    });

來源

2015-04-17 21:00:40 Chris

嗨，謝謝你。仍然沒有，生病繼續試圖弄清楚爲什麼壽 - 很奇怪.. –

@FrancoisBrand真的嗎？奇怪 - 你能夠在jfiddle或其他東西上敲一個演示嗎？ – Chris

我改變了我所有的z-index的值在所有的CSS文件，現在其固定，按照前文的問題一行並沒有解決我的問題。另外 - 至於重複的問題，我甚至不知道他們在後臺加載，我的文本框甚至沒有顯示，所以我不知道這是一個可能的z索引的東西。

無論如何 - 感謝所有的輸入，它現在有效！

來源

2015-04-18 10:31:16

TokenInput在加載到引導模式時停止工作

回答

相關問題