html - 一页网站 - 按钮 .show 和 .hide 文本但如何链接到特定的 "page"？

Question

我制作了一个单页网站，上面只有文本和按钮，其唯一目的是更改容器中的文本。现在，当我制作所有内容时，我忘记了如果有人想链接到我网站的特定“页面”/文本怎么办。最好的方法是什么？因此，当有人点击按钮时，每个段落的地址都会发生变化，如果有人指向该地址，特定段落就会出现/特定按钮功能就会发挥作用。

这是按钮的 jquery 代码，因此您可以更好地理解:

$(document).ready(function () { 
    $('[id*=txt]').hide();              
    $('[id*=home]').show();
    $('#btnhome').css({'background-color':'#555', 'opacity':"0.5"});    

    $('.button').click(function (){
        $('[id*=txt]').hide();
        $('.button').css({'background':'transparent', 'opacity':'1'});
        $(this).css({'background-color':'#555', 'opacity':'0.5'});
   });          

    $('#btnhome').click(function () {   
        $('[id*=home]').show();             
    });     

    $('#btnabout').click(function () {              
        $('[id*=about]').show();        
    });    

    $('#btncontact').click(function () {        
        $('[id*=contact]').show();  
    });  

Answer 1

您必须向 URL 添加一个参数。喜欢 http://mysite.com?page=1

然后你必须解析出参数。 Here's a site that will help you with that .

最后，您将在 document.ready 函数中提供 page 参数。你可以使用 switch statement为此。