bootstrap-growl在while循環內不起作用

我現在正面臨bootstrap-growl插件的一個問題，我使用它來顯示通知，當一行被刪除或驗證時（我在博客上工作），所以在循環內部，通知不顯示，當我把我的兩個按鈕（它們觸發通知）在循環之外時，我可以清楚地看到我的兩個通知，一切都按照它應該的那樣進行。所以從技術上講，這個插件和循環之間有一定的衝突。你有沒有遇到過這個問題，請如何獲得我的通知，即使兩個按鈕在循環內？在此先感謝您的幫助:)bootstrap-growl在while循環內不起作用

下面是部分地方我使用的插件：

<?php 
$meinKommentare = controller_alleKommentareLesen(); 
if ($meinKommentare->rowCount() > 0) { 
    while ($row = $meinKommentare->fetch(PDO::FETCH_ASSOC)) { 
     extract($row); 
?> 
     <tr> 
      <td><?php echo $kommentarDatum; ?></td> 
      <td><?php echo $benutzerName; ?></td> 
      <td></td> 
      <td><?php echo $kommentarInhalt; ?></td> 
      <td style="text-align: center"> 
       <button id="bestaetigungButton" class="btn btn-success btn-xs" onclick="kommentarBestaetigen();"> <i class="fa fa-check fa-2x" ></i></button> 
       <button id="loeschungButton" class="btn btn-danger btn-xs" onclick="kommentarLoeschen();"> <i class="fa fa-trash-o fa-2x "></i></button> 
      </td> 
     </tr> 
<?php 
    } 
} 
?>

這是我的Javascript代碼：

<script> 
     $("#bestaetigungButton").click(function() { 
      $.bootstrapGrowl("another message, yay!", { 
       ele: 'body', // which element to append to 
       type: 'info', // (null, 'info', 'error', 'success') 
       offset: {from: 'top', amount: 20}, // 'top', or 'bottom' 
       align: 'right', // ('left', 'right', or 'center') 
       width: 250, // (integer, or 'auto') 
       delay: 4000, 
       allow_dismiss: true, 
       stackup_spacing: 10 // spacing between consecutively stacked growls. 
      }); 
     }); 
    </script>

PS：

當我把兩個按鈕外循環，我不作任何改變在我的代碼

來源

2017-06-25 Lahmidi Mustapha

您的PHP正在生成HTML。我們需要看到它生成的html。在while循環中查看瀏覽器*中頁面的html源代碼，然後*不帶* while循環。在這兩種情況下發布相關部分的html源代碼。 – danyamachine

'extract（$ row）;'Extreemly不好的做法，特別是在全球範圍內。 – RiggsFolly

謝謝你RiggsFolly。現在問題已解決:) –

你把按鈕與環中的id="bestaetigungButton"。所以你會有這麼多的按鈕，相同的id="bestaetigungButton"。我認爲它會在您點擊時唯一的第一個。我建議你應該使用class="bestaetigungButton"而不是id，並更改js文件有點像：$(".bestaetigungButton").click

來源

2017-06-25 18:01:00 ThucVu

沒錯！非常感謝你的幫助，我很欣賞它:)。事實上，即使是第一行也沒有用，但現在所有的東西都可以工作。我怎麼會錯過這樣的事情？很明顯，一個id同時針對一個精確的元素和一個類別的元素。再次感謝ThucVu –

bootstrap-growl在while循環內不起作用

回答

相關問題