引導彈出動態創建按鈕

Question

我在這裏在jquery中碰到。我有一個JSON。我根據json中的項目數量創建按鈕。在這些按鈕上進行懸停操作時不會顯示彈出窗口。請幫忙。我不知道我犯了什麼錯誤。並沒有任何想法在調試。建議請...

<style type="text/css"> 
    @IMPORT url("bootstrap.css"); 
</style> 

<script src="bootstrap.js"></script> 

$(document).ready(function() 
{ 
    $.getJSON('http://localhost/3s/Sample/JsonCreation.php', function(data) 
    { 
     questionsArray = data; 
     variable = 1; 
     for (var question in questionsArray) 
     { 
      var button = $("<input>").attr("type", "button").attr("id", "buttonWithQNo").attr("class", "btn btn-default").attr("data-title", "title").attr("data-content", "content").val(variable); 
      $('#questionButtonsDiv').append(button); 
      $('#questionButtonsDiv').append(" "); 
      variable++; 
     } 

    }); 
    $('#buttonWithQNo').popover({trigger: 'hover'});  
}); 

編輯 - 我明白元素添加到文檔模型甚至在懸停動作加入。但是，我應該在哪裏添加懸停操作？和PS我需要它爲所有的按鈕（標題和內容上的每個酥料餅是獨一無二的 - 它的價值應該由JSON導出）...

Answer 1

試試這個

$(document).ready(function() 
{ 
    $.getJSON('http://localhost/3s/Sample/JsonCreation.php', function(data) 
    { 
     questionsArray = data; 
     variable = 1; 
     for (var question in questionsArray) 
     { 
      var button = $("<input>").attr("type", "button").attr("class", "btn btn-default buttonWithQNo").attr("data-title", "title").attr("data-content", "content").val(variable); 
      $('#questionButtonsDiv').append(button); 
      $('#questionButtonsDiv').append(" "); 
      variable++; 

      // 
      $(button).popover({trigger: 'hover'}); 
     } 


    });  
}); 

檢查fiddle