根據頁面加載的值隱藏和顯示div

Question

我想根據<%= ItemCount%>是什么來隱藏或顯示該div。 如果出現的數字小於五，我希望div隱藏。 如果它高於5，我希望它可見。 任何幫助將不勝感激。

<div class="slideControl">
    <a id="slidesPrev" onclick="return false" href="#">
        <img src="/_assets/images/Arrowleft.png"
    </a>

    &nbsp;&nbsp;<%= ItemCount%>&nbsp;Total Products&nbsp;&nbsp;

    <a id="slidesNext" onclick="return false" href="#">
        <img src="/_assets/images/ArrowRight.png"
    </a>
</div>

Answer 1

由於這可能是一個aspx頁面，因此您可以嘗試在javascript函數中使用它。

if (<%= ItemCount %> < 5) {
    $('.slideControl').hide();
}

並確保此javascript 在頁面加載后運行。

Answer 2

嘗試以下方法。 無需做jQuery。 您還可以執行許多其他變體。

<div class="slideControl" style="<%= ItemCount < 5 ? "Display:None;" : ""%>">

Answer 3

這是最終起作用的代碼。

<script type="text/javascript">
$(document).ready(function(){
        var itemCount = <%=ItemCount%>;
        if (itemCount < 5) {
            $("#productSlide").hide();
        }
    });
</script>


<div id="productSlide" class="slideControl">
                <a id="slidesPrev" onclick="return false" href="#">
                    <img src="/_assets/images/Arrowleft.png" /></a>

                &nbsp;&nbsp;<%= ItemCount%>&nbsp;Total Products&nbsp;&nbsp;

                        <a id="slidesNext" onclick="return false" href="#">
                            <img src="/_assets/images/ArrowRight.png" /></a>
</div>