php - 如何在不单击 bootstrap 或 php 中的按钮的情况下在右上角加载通知警报？

Question

当用户按下或单击按钮时，我已使用 Bootstrap 成功实现了通知警报，但我正在寻找一种无需单击按钮即可以相同方式加载警报的方法。我希望它在页面加载时出现。

下面是代码:

  <div class="row">
        <div class="col-md-3">
           <button class="btn btn-default btn-block" onclick="demo.showNotification('top','left')">Top Left</button>
        </div>
        <div class="col-md-3">
            <button class="btn btn-default btn-block" onclick="demo.showNotification('top','center')">Top Center</button>
        </div>
        <div class="col-md-3">
                <button class="btn btn-default btn-block" onclick="demo.showNotification('top','right')">Top Right</button>
       </div>
</div>

我尝试了onload，但它对我不起作用。如果有人有更好的想法或东西或更​​好的方法，那就太好了。

Answer 1

(回答“...但我正在寻找将其嵌入到 php if 条件”评论...我这次不能写评论，我是新手)

您可以向 html 元素添加数据属性 ( Use_data_attributes )，其中包含标志。

<div class="col-md-3">
       <button id="top_left" class="btn btn-default btn-block" data-condition="<?php echo isset($var) ? 'true' : 'false'; ?>">Top Left</button>
</div>

您可以在 js 中访问此数据，并在语句中使用它，例如:

var topLeftButton = document.querySelector('#top_left'); //Or build some logic, if you dont want use ids ...

if (topLeftButton.dataset.condition === 'true') {
    //do stuff

    //Furthermore, you can modifiy these datas from your js:
    topLeftButton.dataset.condition = 'false'; //so now, you turned off this flag
}