Question

我想让这个div隐藏或显示取决于<%= ItemCount%>是什么。如果出现的数字小于5，我希望隐藏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();
}

并确保此在页面加载后运行。

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>

根据页面加载的值隐藏和显示div

3 个答案: