如何永久顯示 style="display:none" div 元素？

Question

我想使用jQuery show()函數在單擊anchor tag display:none元素。

但它顯示了div元素一會兒然后消失了我使用了return false和preventDefault函數，但它停止了將錨標記重定向到某個頁面。

我該如何解決這個問題？

  <div id="assetlist" style="display:none">
                    @{
                        Html.RenderPartial("~/Views/Asset/_Asset_List.cshtml");
                    }
                    <!-- /.sidebar-menu -->
                </div>

    <script>
    $(document).ready(function () {
    $(".asset_managment").click(function(){
        $("#assetlist").show();
    });

});
</script>

    <li class="nav-link" >
        <a href="@Url.Action("Index", "Asset")" class="asset_managment">
            <img class="img_position" src="@Url.Content("~/admin-lte/img/asset_managment_icon.png")" width="50" height="50" />    Asset Managment
        </a>
    </li>

Answer 1

你能不能試試：

 $(document).ready(function () {
    $(".asset_managment").click(function(){
        $("#assetlist").attr('style', 'display:block !important');
    });

});

這只會覆蓋 div 內聯樣式的顯示屬性。 希望這可以幫助

Answer 2

你可以這樣做

 $(document).ready(function() { $(".asset_managment").on('click', function(e) { e.preventDefault(); $("#assetlist").show(); }); });

 <div id="assetlist" style="display:none"> Show me </div> <li class="nav-link" > <a href="anything" class="asset_managment"> click me </a> </li> <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>