窗體中彈出不工作

我使用引導，我想創建一個窗體中的彈出窗口。我已經這樣做了，但是我無法輸入表單的文本框。有誰知道爲什麼？窗體中彈出不工作

* 更新它在模態內。外部的模式，但它的內部工作不...

* update2幾乎在那裏我想。當我打開模式和彈出窗口時，我無法輸入文本框。關閉模式後，彈出窗口仍然打開，然後我可以輸入文本框。所以在textfield和popup之間必須有一些z-index。真正的草率，但我想input{z-index:9999;}，但沒有奏效

<a href="#" class="add_nr" data-nummer-id="nr_1" rel="popover"> 


<div id="add_number" class="popover"> 
    <div class="addnr" id="nr_1"> 
     <form class="form-inline"> 
      <div class="controls"> 
       <input type="text" placeholder="Artist"> 
      </div> 
      <div class="controls"> 
       <input type="text" placeholder="Number"> 
      </div> 
      <a href="#">cancel</a> 
      <button type="submit" class="btn">add number</button> 
     </form> 
    </div> 
</div> 




$(function(){ 
     $('.add_nr').on('click', function(event){ 
      var $this = $(this); 
      event.preventDefault(); 
      $('.add_nr').not($this).popover('hide'); 
      $this.popover('show'); 

     }).popover({ 
      trigger: 'manual', 
      placement: 'bottom', 
      content: function(e) { 
       var $this = $(this), 
       nr_id = $this.data('nummer-id'); 
       return $('#' + nr_id + '.addnr').html(); 
      } 
     }) 
    });

來源

2012-10-26 Chanckjh

我想你的CSS的問題，其中一些元素重疊，因此阻止輸入。您的問題中沒有足夠的信息可以說明，您需要提供更多信息。 –

給出你的類popover，addnr和form-inline的代碼。在你的CSS類中添加的樣式中必須存在一些衝突。 –

哦，我忘了提及它在Modal中。如果我把它放在模式之外，它可以工作，但在它內部卻不行。 – Chanckjh

當一個模式啓動它保持專注於自身，防止形式要素，從獲得的焦點。一個簡單的解決方法是禁用模式啓動時的監聽器：

$('body').on('shown','.modal', function() { 
    $(document).off('focusin.modal') 
});

來源

2012-10-26 14:21:23 merv

輝煌！有用。你是怎麼想出來的。 – Chanckjh

我檢查了所有的CSS，並且找不到'form，input'和模態類之間的任何交互，所以我想它一定是來自JS。在** bootstrap-modal.js **中快速搜索**「。on」**會調出'focusin.modal'監聽器，並且果然如此。 – merv

窗體中彈出不工作

回答

相關問題