禁用JavaScript時使隱藏的div可見

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不支持javaScript時，用戶可以看到div。 您可以通過在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

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

 <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> 

Answer 4

嘗試這個

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

Answer 5

如果絕對必須在禁用JavaScript的情況下首先隱藏div ，然后才將其顯示出來，那么可以使用一些方法來處理它。

• 您可以檢測是否禁用了JavaScript並請求用戶啟用它，除非用戶這樣做，否則不顯示頁面。 如何檢測是否禁用了JavaScript？

• 您可以使用CSS屬性在懸停時（而不是單擊時）顯示/隱藏.fulladdress （您可能想要為此修改div或將其放在<noscript>標記內）。

• 您可能想使用“ hacks”來檢測點擊，而不使用JavaScript。 這里有一些例子：
  使用CSS單擊顯示/隱藏div
  實現純CSS顯示/隱藏的最簡單方法是什么？

希望這可以幫助！