Question

中的代码

在网址中，这很奇怪;如果我点击主页，它将转到example.tld/home#，但我想在后面有哈希。 example.tld/#home。如果我要转到联系页面，它将显示为/home#co ...不会显示整个单词。（联系）。我希望#contact在我更改页面时替换#home。另外，我如何在加载而不是#home的情况下登陆不同的页面？示例：点击example.tld/#contact，转到#contact页面。

另外......以下是我从tutorial修改的代码：

 // Check for hash value in URL  
    var hash = window.location.hash.substr(1);  
    var href = $('nav ul li a').each(function(){  
        var href = $(this).attr('href');  
        if(hash==href.substr(0,href.length-5)){  
            var toLoad = hash+'.html #main-content';  
            $('#content').load(toLoad)  
        }  
    });  

    $('nav ul li a').click(function(){  

    var toLoad = $(this).attr('href')+' #main-content';  
    $('#main-content').hide('fast',loadContent);  
    $('#load').remove();  
    $('#wrapper').append('<span id="load">LOADING...</span>');  
    $('#load').fadeIn('normal');  
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);  
    function loadContent() {  
        $('#main-content').load(toLoad,'',showNewContent())  
    }  
    function showNewContent() {  
        $('#main-content').show('normal',hideLoader());  
    }  
    function hideLoader() {  
        $('#load').fadeOut('normal');  
    }  
    return false;  

    });

想想我应该重温一些正在重复的选择器吗？

此处还有 HTML：

<div id="main-content" class="home">

… content to be loaded

</div>

导航：

<nav>
        <ul>
          <li><a href="home">Home</a></li>
          <li><a href="about">About</a></li>
          <li><a href="contact">Contact</a></li>
        </ul>
      </nav>

我正在使用htaccess，因此我不必包含文件扩展名，但如果需要，则文件为.php

假设我在#home，如果我再次点击#home链接，它会重新加载同一页面，如果我已经在该页面上，有没有办法阻止它？

Answer 1

更改

window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);

到

window.location.hash = $(this).attr('href');

url中的Ajax哈希

1 个答案: