Question

我想要在模态弹出窗口中打开一个链接。我使用的是Bootstrap 3。

这是我的代码：

<a id="auto-topup2" href="#" data-target="#auto-topup" >
   <i class="fa fa-clock-o fa-lg "></i>
    <?php echo __('Schedule AutoVend', $my_account_info['customerGroup']) ?>
</a>

我这样链接：

<div class="modal fade" id="auto-topup" tabindex="-1" role="dialog aria-labelledby="auto-topup" aria-hidden="true">
    <div class="container">
       <!-- Container Code -->
    </div>
</div>

但它没有打开弹出窗口，怎么回事？

Answer 1

您需要将数据切换属性添加到链接

data-toggle="modal"

然后将href属性设置为模态的ID

href="#auto-topup"

所以你应该有这样的东西

<a id="auto-topup2" data-toggle="modal" href="#auto-topup" >
    <i class="fa fa-clock-o fa-lg "></i>
    <?php echo __('Schedule AutoVend', $my_account_info['customerGroup']) ?>
</a>

Bootstrap模式弹出窗口没有打开链接点击弹出窗口

1 个答案: