无法确定按钮单击时执行的代码

时间:2013-07-23 12:56:47

标签: javascript html

有一个网站有两个小<- ->按钮用于导航,其HTML代码如下:

<-

<a class="left prev browse" href="javascript:;">&lt;</a>

->

<a class="right next browse" href="javascript:;">&gt;</a>

我不明白的是,这里是如何触发JavaScript的?正在调用什么事件/函数?

当我们点击<- ->按钮时,我无法确定触发了什么事件/功能。消息如何滑动?

网址 http://bit.ly/16447fr(避免搜索引擎索引)

这是使用这些<- ->按钮的地方:

enter image description here

2 个答案:

答案 0 :(得分:3)

在你的网站中,使用了javasript的jQuery库,以及下一个和pre的工作代码是在 jquery.cycle.all.2.74.pack.js 文件中编写的是jQuery的库。

您可以在此文件中找到此功能。

你可以看到开关中有两种情况。这些是:

case "prev":
case "next":

在这种情况下,会写下一个和前按钮代码。

答案 1 :(得分:1)

他们将在页面加载后在一些javascript代码中添加事件侦听器。类似的东西:

var leftButton = document.getElementsByClassName('left prev')[0];
leftButton.addEventlistener('click', function(event){...});

或在JQuery中:

$('.left.prev').on('click', function(event){...});