Question

我有一个jQuery脚本，非常适合加载具有一些缓动效果的网页的不同部分。基本上每个部分都有一个唯一的ID，一个部分显示，而其他部分用css隐藏。当加载一个新的部分时，内容将显示一个很好的过渡，我相信你知道这个类型。

该脚本还支持通过ajax（即另一个页面）加载（外部）内容，因此我可以在我的网站中加载页面external.html。问题是，新页面上的ajaxed内容中的链接不起作用。该脚本通过使用选择器来工作，该选择器围绕将产生过渡效果的链接。例如，脚本以这种方式初始化：

$(document).ready(function (){  
  //Usage
  $("#menu ul li").slidingPage({
        easing : 'easeInOutQuint',
        speed : 800,
        slideScroll : 'horizontal', 
        top : 0, 
        navigation: {
            show: false,
            nestedPagesFlows: true
        }
  });
});

即使在外部页面上，＃menu ul li中的所有内容都会产生效果。但是，我在使用外部页面的实际内容中的链接时遇到了麻烦。

我在这里有一个非常基本的例子snipped。 “about”部分位于主页内，它不是单独的页面，因此如果您单击about然后按部分内容中的主页链接，它将返回主页。如果你去外部页面，这显然是一个单独的页面，并按下内容中的主页链接，它不起作用，但菜单中的主页链接：|

我已经为ajaxed内容链接尝试了第二个功能，但到目前为止还没有运气！我想要做的就是指定一个a class，它可以在外部内容中工作，并允许从那里导航到网站，而不仅仅是从菜单中导航。

感谢您的帮助，我们将不胜感激。

Answer 1

将此行更改为此

<a class="shoots" href="#homepage" rel="homepage" title="home">Home</a>

基本上你的href错了。您需要在外部链接主页href中包含href =“＃homepage”。希望它有所帮助。

链接无法在ajaxed内容中工作

1 个答案: