[英]bootstrap-growl doesn't work inside a while loop
我現在正面臨bootstrap-growl插件的問題,當刪除或驗證某行(我正在寫博客)時,我正在使用它來顯示通知,因此在循環內時通知不顯示以及何時顯示我將我的兩個按鈕(它們觸發了通知)放在循環外,然后我可以清楚地看到我的兩個通知,一切按預期進行。 因此,從技術上講,此插件與循環之間存在一定的沖突。 您是否曾經遇到過這個問題,請問即使兩個按鈕都在循環中,我也如何獲得通知? 在此先感謝您的幫助 :)
這是我使用插件的部分:
<?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:
當我將兩個按鈕放在循環外時,我的代碼沒有任何變化
您將一個帶有id="bestaetigungButton"
的按鈕放入循環中。 這樣您將擁有許多具有相同id="bestaetigungButton"
按鈕。 我認為,當您單擊時,它將與唯一的第一個一起使用。 我建議您應該使用class="bestaetigungButton"
而不是id
,並更改js文件,如下所示: $(".bestaetigungButton").click
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.