链接到索引并触发特定的 ajax 加载

Link to index and trigger specific ajax load

本文关键字：ajax 加载 索引 链接      更新时间：2023-09-26

我有一个网站，其中索引.php是一个在菜单中具有各种链接的DOM。 

<li><a class="book" href="#blog">Blog</a></li>
<li><a class="kontakt" href="#contact">contact</a></li>

每个链接都通过 ajax 加载div 的内容。（在我的情况下是一点动画）。

如果我想从另一个站点重定向到我的索引.php但随后已经通过 ajax 直接从 contact.php 加载了div，该怎么办？

仅使用 www.domain.com/#contact 不起作用。

 jQuery(document).ready(function($) {
$('.kontakt').on('click', function() {
    var href = $(this).attr('href');
    if ($('#ajax').is(':visible')) {
        $('#ajax').css({ display:'block' }).animate({ height:'0' }).empty();
    }
    $('#ajax').css({ display:'block' }).animate({ height:'650px' },function() {
        $('#loader').css({ border:'none', position:'relative', top:'24px', left:'48px', boxShadow:'none' }); 
        $('#ajax').load('kontakt.php ' + href, function() {
            $('#ajax').hide().fadeIn('slow');
        });
    });
});});

您可以使用 jQuery.bbq 等库来启用基于哈希的链接。我对你的源代码不够了解，无法提供定制示例，所以这里是官方的：http://benalman.com/code/projects/jquery-bbq/examples/fragment-basic。

相关文章：