bootstrap-growl 在 while 循环中不起作用
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:
When i take the two buttons outside the loop i don't make any change
in my code
你在循环中放置了一个带有 id="bestaetigungButton"
的按钮。这样你就会有那么多按钮相同id="bestaetigungButton"
。
我认为它会在您单击时与唯一的第一个一起使用。
我建议你应该使用 class="bestaetigungButton"
而不是 id
,并将 js 文件稍微更改为:$(".bestaetigungButton").click
我现在正面临 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:
When i take the two buttons outside the loop i don't make any change in my code
你在循环中放置了一个带有 id="bestaetigungButton"
的按钮。这样你就会有那么多按钮相同id="bestaetigungButton"
。
我认为它会在您单击时与唯一的第一个一起使用。
我建议你应该使用 class="bestaetigungButton"
而不是 id
,并将 js 文件稍微更改为:$(".bestaetigungButton").click