Bootstrap模式彈出不打開鏈接上彈出點擊

Question

我有一個鏈接，我想打開模式彈出。我使用的引導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>