我在一個bootstrap modal中創建了橫幅(如果條件滿足,它將顯示在儀表板頁面)。 如果我們關閉這個按鈕,它就會消失,作業很正常
。但問題是,當我關閉橫幅時,如果我去任何頁面,當我再次回到儀表板頁面時,它就會顯示。
我的要求是在一個會話中只顯示一次橫幅(使用會話存盤),當關閉并轉到另一個頁面,然后如果我回到儀表板頁面,它不應該顯示。
index.cshtml
@if (Model.IsOptinEligible)
{
<div class="member-eligibility-popup"/span>>
< div id="memberEligibilityPopup" class="modal fade modalPopup" role="對話框" data-backdrop="static" data- keyboard="false" tabindex="-1">
<div class="modal-dialog"/span>>
<!-- 模態內容-->
<div class="modal-content">/span>
<div class="modal-body modal-body-content">
< button type="button" class="close" data-dismiss="modal"> ×</button>
<h3 class="modal-title bannerModalTitle">["You have access to Coaching! "]</h3>
<div class="row">
<div class="col-sm-8"/span>>
<p class="modalContent">["教練可以與你合作,創建一個個性化的計劃,幫助確保你留在軌道上以達到目標。 "]</p>
</div>/span>
<div class="col-sm-4">
< a href="#" class="banner-modal-button"> @_Localized["Get Started Now"]</a>
</div>/span>
</div>/span>
</div>/span>
</div>/span>
</div>/span>
</div>/span>
</div>/span>
}
@if (Model.IsOptinEligible == true)
{
<script>。
$(function () { $("#memberEligibilityPopup").modal ('show'); }) 。
</script>
}
誰能幫助我解決這個問題
uj5u.com熱心網友回復:
使用會話存盤
if(!sessionStorage.getItem(' shown') {
/* 顯示在這里 */
//* 將其標記為已顯示。
sessionStorage.setItem(' shown', '1');
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/307487.html
標籤:
上一篇:在轉換后的資料上過濾智能表
