2013-07-23 66 views
1

有一個擁有用於導航的兩個小<-->按鈕的網站時,他們的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

檢查外部JavaScript文件,內嵌的JavaScript代碼。應該爲這些類中的某些類設置一些事件偵聽器:右邊的下一個瀏覽 – keune

+1

搜索其他出現的「右」,「左」或「瀏覽」的源。 「onclick」處理程序可能在JavaScript加載頁面後分配。你能確定這個頁面使用什麼庫嗎?尋找'$(document).ready'之類的東西。 –

+1

當文檔準備就緒時,可能事件處理程序正在通過jQuery進行連接。 – melancia

回答

3

在您的網站上有使用的庫javasript的jQuery和通過其中的下一個和前工作的代碼是寫在jquery.cycle.all.2.74.pack.js是jQuery庫的文件。

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

您可以看到交換機中有兩種情況。這些是:

case "prev": 
case "next": 

在這些情況下,下一個和預先按鈕代碼被寫入。

+0

但這是第三方文件。循環插件在哪裏被調用? – Ahmad

+0

@Ahmad權利這是第三方文件,但根據其代碼。滑動橫幅你已經定義了你的HTML代碼,就像你已經給每個定義的錨標籤中的類名一樣。這段代碼在頁面加載時運行。 –

+0

'case'prev「; case「next」;'code?我沒有看到** jquery.cycle.all.2.74.pack.js中的代碼** – Ahmad

1

他們將在加載頁面後,在一些JavaScript代碼中添加事件偵聽器。喜歡的東西:

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

或JQuery的:

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