直接鏈接到隱藏的div

我正在使用this插件切換一些隱藏的div。直接鏈接到隱藏的div

每個div都有個人ID。有沒有辦法顯示選定的div直接鏈接？

例如進入domain.com/page.php#HiddenDiv2將切換<div id="HiddenDiv2">

這裏是我的網頁：http://www.snblodz.com.pl/?page_id=14

2017-02-17 Sebastien Polit

您可以使用jQuery的ready事件以及JavaScript的onhashchange事件做什麼你需要。下面是一些示例代碼：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Test Page</title> 
    <style> 
     .hidden { 
      display: none; 
     } 
    </style> 
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
    <script> 
     $(function() { 
      showHiddenDiv(); 
      window.onhashchange = showHiddenDiv; 
     }); 
     function showHiddenDiv() { 
      $(window.location.hash).show();    
     } 
    </script> 
</head> 
<body> 
    <div id="div-1" class="hidden">Div 1</div> 
    <div id="div-2" class="hidden">Div 2</div> 
    <div id="div-3" class="hidden">Div 3</div> 
</body> 
</html>

要查看瀏覽器都支持onhashchange事件，請看這裏：http://caniuse.com/#search=onhashchange

來源

2017-02-17 16:44:48 clarmond

你的方法效果以及antoher一個我發現我自己：：目標{顯示：一致;} –

直接鏈接到隱藏的div

回答

相關問題