按動態ID顯示Bootstrap彈出窗口

我正在學習如何使用Bootstrap並希望知道如何動態顯示窗體內輸入字段的彈出窗口。我嘗試了以下，但它沒有奏效。按動態ID顯示Bootstrap彈出窗口

<script type="text/javascript"> 
    $('input').one('focus', function() { 
    var id=$(this).attr('id'); 
    $('input[id='.id.']').popover({'trigger':'focus''}); 
    });                                   
</script>

我試圖避免爲每個輸入字段分開事件。

這裏是我用來操作

 <input type="email" 
      name="email" 
      id="email" 
      data-title="E-Mail Address" 
      data-content="E-Mail address" 
      data-alignment="right"/>

感謝所有幫助的HTML。

來源

2013-01-24 UxBoD

試試這個：

<script type="text/javascript"> 
    $('input').one('focus', function() { 
     $(this).popover({'trigger':'focus''}); 
    }); 
</script>

我沒有測試它，無論如何。

來源

2013-01-24 14:03:09 n1xx1

這是工作，但由於一些奇怪的原因，它不是每次觸發一個新的輸入字段時觸發。如果我退出然後回來，它會顯示彈出窗口。雖然事件正在被忽略。 – UxBoD

@UxBoD：嗯，我認爲這是一個jQuery或Bootstrap問題。 – n1xx1

補貨:(以爲它可能是我:)謝謝。 – UxBoD

如果您也提供html，那將會很好。但根據你給出的，這是可能的解釋

如果輸入是ID，那麼以下應該工作。否則它不會你需要給予適當的選擇。

的ID，您就追加了「＃」

和類名你追加了「」

<script type="text/javascript"> 
$('#email').on('focus', function() { 
var id=$(this).attr('id'); 
$("#"+id).popover({'trigger':'focus''}); 
});                                   
</script>

來源

2013-01-24 13:55:39

這不起作用。我使用的HTML只是。在設置了var：alert（「ID：」+ id）後，我添加了以下內容......並且在輸入字段中顯示了正確的ID。 – UxBoD

檢查編輯的代碼 –

按動態ID顯​​示Bootstrap彈出窗口

回答

相關問題

按動態ID顯示Bootstrap彈出窗口