0

我有一个 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。“关于”部分位于主页内，它不是一个单独的页面，因此如果您单击“关于”，然后按部分内容中的主页链接，它将带您回到主页。如果你去外部页面，这显然是一个单独的页面，然后按内容中的主页链接，它不起作用，但菜单中的主页链接可以：|

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

任何帮助将不胜感激，感谢您的关注。

4

1 回答 1

0

将此行更改为此

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

基本上你的href是错误的。您需要在外部链接主页 href 中包含 href="#homepage"。希望能帮助到你。

于 2012-09-15T17:58:48.657 回答