-1

我重新打开了我之前的问题，因为它由于不够具体而被关闭。

我正在尝试使 jQuery 插件“ScrollTo”工作，但尽管使用了文档描述的相同方法，但我肯定做错了。

这是我如何进行的：

在我的末尾调用 jquery<head>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.scrollTo-min.js'></script>
<script type='text/javascript' src='js/init.js'></script>

我把代码放在我的菜单链接中

<li><a title="$(...).scrollTo( 'home' );" href="#home"><span></span>Home</a></li>

这就是他们在文档中的表现：查看源代码： http: //demos.flesler.com/jquery/scrollTo/

但是它不起作用。我在那里错过了什么吗？

4

2 回答 2

1

在演示中

<a title="$(...).scrollTo( 'home' );" href="#home">

实际上，该title属性用于其原始目的，并且仅用于该目的。目的是在悬停时显示一个小工具提示。插件绝不会解释此标题。

行为编码在他们的 js/init.js文件中，它看起来像这样：

$('#relative-selector').click(function()
  $paneTarget.stop().scrollTo( 'li:eq(14)', 800 );
});
...
//the same for every link on the page

正确的用法

在项目主页面上有描述，页面根本没有提到title属性。演示的目的是展示插件的功能，它似乎不是为源代码检查而设计的。主页网址是： http:
//flesler.blogspot.cz/2007/10/jqueryscrollto.html

在您的情况下，将 ID（或类）添加到链接中，以便您可以从 Javascript 中找到它。然后向链接添加一个点击处理程序，它将调用插件。如果将字符串传递给scrollTo，则它应该是选择器而不是 ID（添加#）。要滚动浏览器窗口，请使用scrollToas $.scrollTo，要滚动任何其他容器，请使用$(container).scrollTo。此外，您可以删除href目标。

示例 HTML：

<a href="#" id="click-me">...</a>

示例 JS：

$("#click-me").click(function(){
  $.scrollTo("#home");
});

$(document).ready(...)如果您喜欢<head>. 另请注意，这init.js是演示主 JS 文件的名称。如果您的名称以其他方式命名，则不需要init.js文件，当然也不需要从演示中复制/粘贴文件。

于 2013-02-24T21:19:07.127 回答
0

我怀疑在“家”前面加上一个井号可能会解决这个问题：

<li><a title="$(...).scrollTo( '#home' );" href="#home"><span></span>Home</a></li>

似乎scrollTo需要一个 jQuery 选择器（对于您想要的），因此您需要井号使其成为有效的选择器。

于 2013-02-24T20:36:42.007 回答