Fatal编程技术网
  • javascript/
  • 让简单的Javascript/jQuery工作（Ariel Flesler的ScrollTo）

让简单的Javascript/jQuery工作（Ariel Flesler的ScrollTo）

javascript jquery

让简单的Javascript/jQuery工作（Ariel Flesler的ScrollTo）,javascript,jquery,Javascript,Jquery,更新：杰出的tpaksu先生解决了我的问题，您可以看到水平滚动条在运行中@ 我花了很多时间摆弄CSS，但我得出结论，这几乎是没有Javascript/jQuery我唯一做不到的事情 我一直在尝试实现Goro的建议，但我似乎无法以任何方式让它工作。再加上我是Javascript的新手，你就会明白我的意思了。我下载了最新的jQuery，并将其命名为“jQuery.js” 以下是一些来源： <head> <script type='text/javascript' src='../j

更新：杰出的tpaksu先生解决了我的问题，您可以看到水平滚动条在运行中@

我花了很多时间摆弄CSS，但我得出结论，这几乎是没有Javascript/jQuery我唯一做不到的事情

我一直在尝试实现Goro的建议，但我似乎无法以任何方式让它工作。再加上我是Javascript的新手，你就会明白我的意思了。我下载了最新的jQuery，并将其命名为“jQuery.js”

以下是一些来源：

<head>
<script type='text/javascript' src='../js/jquery.scrollTo-1.4.2-min.js'></script>
<script type='text/javascript' src='../js/jquery.js'></script>
</head>
...
<div>
    <p id="gallerytext">...</p>
    <a title="$(div.smallpics).scrollTo( '0%', 800, {axis:'x'} );" id="previmg" href="#image1"></a>
        <div id="smallwindow">
            <div class="smallpics">
                <ul>
                <li><a href="#image1"><img alt="Jerseys" src="../images/peliasuja.jpg" /></a></li>
                ...
                <li><a href="#image14"><img alt="Drawing" src="../images/kynailya.jpg" /></a></li>
               </ul>
           </div>
        </div>
    <a title="$(div.smallpics).scrollTo( '50%', 800, {axis:'x'} );" id="nextimg" href="#image8"></a>
</div>
Goro在我的箭头按钮中提到了binding click（）事件，但我不知道应该键入什么“函数”或将代码放在哪里。我猜是在.scrollTo事件前面，假设需要单击（）

提前谢谢你！在编程和编码方面，你们绝对是最棒的。

首先，你们需要在jquery脚本之后加入scrollto脚本

<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.scrollTo-1.4.2-min.js"></script>
click事件中的函数应该更改。但是，一旦你能做到这一点，剩下的问题就很容易解决了。

据我所知，有几个问题。您已将.scrollTo事件代码放在锚的标题中。它可能应该位于onclick属性中。但是当这一步完成时，页面抱怨JQuery没有被初始化。谢谢，据我所知，您所指的内容与tpaksu提到的内容相同。.js文件中的顺序错误，需要添加一些onclick功能。感谢您提供的好信息。我没有想到.js文件的顺序很重要（好吧，我想是jquery，然后是其他所有东西），但是现在我想到了，它在世界上是有意义的。我按照您建议的方式更新了锚，如下所示：
，但它似乎不起作用。我盯着这段文字看了很长一段时间，我开始对Javascript语言的工作原理有了预感，但即便如此，我似乎没有注意到我所缺少的：）你让它工作了吗？脚本不应该在“title”属性上，它应该在
锚定标记后的
代码中。再次感谢tpaksu，你是一个难以置信的乐于助人的人！我以为我什么都试过了，结果都没用，但当我写这篇文章的时候，我想到了最后一根稻草：“我应该再放一个这样的脚本吗？我会失去什么？”。魔法终于发生了！！！我太高兴了，差点哭了虽然我假设我们在里面定义了它，然后我就“调用”了我在里面分散的任何类或ID。它是有效的，但它是要这样工作吗？不知怎的，我觉得我可以把这些东西放在一个外部文件上，很像css？事实上，经过一周或更长时间的挫折，我昨天晚上精疲力竭地放弃了，今天早上我得到了一个JCarousel的构建工作，但它没有我希望的那么顺利，感觉过时了。因此，我打开了.js文件来进一步修改类和值，当我看到代码列表时，我想：“这看起来既不正确也不轻松，是2006年的！”。所以我发现了一个新的建筑，它刚刚在上个月发布。由于scrollTo正在运行，所以我还没有实现它，但是如果有人无意中发现了这篇文章，这是需要调查的。但是现在我非常高兴，我终于可以开始适当地推广我和我的网站了。感谢您，我从CSS中学到了很多（做什么和不做什么），从Javascript/jQuery中学到了一些。如果我能对你表达我的感激之情就好了，但我不知道该怎么做。再次感谢你，你的名字将被记住：）如果我在土耳其/伊斯坦布尔停留，我一定会给你买一些德纳（我想不出比这更典型的了）和一些。你是一个伟大的人。 
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.scrollTo-1.4.2-min.js"></script>

$("#nextimg").on("click",function(){
    $("#smallwindow").scrollTo( '50%', 800, {axis:'x'} ); 
});