Question

我目前在HTML中最初隐藏了一个div（使用display:none）。

<div class="fulladdress">
   <p>Only display the contents of this div when an element is clicked!</p>
</div>

然后我使用以下Javascript，因此当点击.autocompleteitem项时，它会显示：

$(document).ready(function() {

    $(document).on('click','.autocompleteitem:not(.autocompleteitemwithcontainer)',function(){
        $("div.fulladdress").show();
    });
});

但是，如果禁用Javascript，则永远不会显示完整地址。我该如何解决这个问题？

Answer 1

也许尝试使用代码<noscript>。如果禁用了javascript，它会在其中运行代码。

Answer 2

使用以下HTML代码。现在，当用户或设备禁用javaScript时，用户可以看到div不支持javaScript。您可以通过选择CSS上的.fulladdress类来自定义您的div。

 <noscript>
     <div class="fulladdress">
        <p>Only display the contents of this div when an element is clicked!
        </p>
     </div>
</noscript>

Answer 3

你可以尝试这样的事情。

如果启用了javascript - 在文档准备好时隐藏div，然后在点击事件上显示

如果javascript被禁用，你的文档就绪函数就不会执行而且它不会隐藏div

＆＃13;

$(document).ready(function() {
    $("div.fulladdress").hide();
    $("#button").on('click',function(){
        $("div.fulladdress").show();
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="fulladdress">
   <p>Only display the contents of this div when an element is clicked!</p>
</div>
<div class="button">
   <button id="button">display</button>
</div>

＆＃13;

Answer 4

试试这个

<noscript>
    <style type="text/css">
        .pagecontainer {display:none;}
    </style>
    <div class="noscriptmsg">
    You don't have javascript enabled.
    </div>
</noscript>

Answer 5

如果你必须首先隐藏你的div，即使禁用了JavaScript，然后才会显示，那么有一些方法可以解决它。

您可以检测JavaScript是否已禁用并请求用户启用它，并且除非用户这样做，否则不会显示该页面。 How to detect if JavaScript is disabled?
您可以使用CSS属性在悬停时显示/隐藏.fulladdress而不是点击（您可能需要修改div，或者将其放在{{1标签）。
你可能想要使用＆＃39; hacks＆＃39;在不使用JavaScript的情况下检测点击。以下是一些例子：
Show / hide div on click with CSS
What is the simplest way to implement pure css show/hide?

希望这有帮助！

禁用javascript时可以隐藏div

5 个答案: