我正在使用引导程序,我想在弹出窗口中创建一个表单。我已经这样做了,但我无法输入表单的文本字段。有谁知道为什么?
*更新它在一个模态中。在模态之外它可以工作,但在它内部却没有......
* update2我想差不多了。当我打开模式和弹出框时,我无法在文本字段中输入。关闭模式后,弹出框仍然打开,然后我可以在文本字段中输入。所以文本字段和弹出窗口之间必须有一些 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();
}
})
});