TokenInput перестает работать при загрузке в bootstrap modal

(im все еще узнает о js/jquery), поэтому PLS несут меня - у меня есть следующий код на странице - если я echo $ data, он отлично работает - слова загружаются правильно. Но когда я повторяю модальные (содержащие одни и те же $ data), функциональность останавливается, и я просто печатаю текст в поле.TokenInput перестает работать при загрузке в bootstrap modal

На этой странице также есть (эта тестовая страница используется для автономного кода). Нужно ли перезагружать файлы токенов 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-индексом. Установите z-индекс TokenInput выше, чем модальное всплывающее окно, используя параметр в настройке TokenInput.

$("#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 действительно? Odd. Можете ли вы сбить демо на jfiddle или что-то еще? – Chris

Я изменил все мои значения Z-индекс по всем CSS-файлов и теперь его FIXED, согласно предыдущим вопросам одна строка не исправить мою проблему. Кроме того, что касается повторяющихся вопросов, я даже не подозревал, что они загружаются в фоновом режиме, мое текстовое поле даже не отображалось, поэтому я не знал, что это возможная вещь z-index.

В любом случае - спасибо за вход, теперь он работает!

источник

2015-04-18 10:31:16

TokenInput перестает работать при загрузке в bootstrap modal

ответ

Смежные вопросы