jQuery自定義切換divs

有一些麻煩，這不明白爲什麼它不能正常工作。jQuery自定義切換divs

http://host.philmadelphia2.com/~clare/order/

當您單擊兩次「爲了......」在頂部的鏈接，他們應該的div之間切換。當一個頁面處於活動狀態時，單擊該頁面的按鈕應該沒有任何作用。只有在單擊無效頁面的按鈕時才應該有一個動作。

這裏是鏈接到JS。

http://host.philmadelphia2.com/~clare/wp-content/themes/theme/js/pager.js

我使用jQuery和jQuery UI的效果。

感謝，皮特

來源

2011-08-28 pete_schuster

鏈接到js沒有nt幫助..你可以更新問題的一部分，這是造成問題 – Baz1nga

，我也建議主機只有與jsfiddle – Baz1nga

我在jsfiddle上扔了一個快速模型，似乎工作。我已經刪除了很多標記，使它更容易閱讀。

我所做的唯一更改是刪除函數聲明中的$符號，並使用live()事件處理程序而不是click（）。

編輯：出於解釋的目的，因爲您通過添加和刪除類來操作DOM，所以必須使用live（）事件處理函數。

來源

2011-08-28 20:25:09

美麗的感謝 –

你看到任何原因的UI盲目效果不工作的網站？再次感謝live（），片段 –

您不能同時使用live（）和toggle（）。看[這裏]（http://stackoverflow.com/questions/2172614/using-jquery-live-with-toggle-event） –

你的錨選擇是錯誤的。在您的標記中，unactive類僅應用於頁面加載中的一個錨，因此a.unactive將只選擇具有unactive類的錨。您希望將click事件附加到兩個錨點，因此您應該使用button類別應用於兩個錨點。試試這個

jQuery('a.unactive').live(function($){ 
     jQuery('a.button').toggleClass('unactive'); 
     jQuery('div.page').toggle('blind','',500); 
     console.log('clicked'); 
    });

來源

2011-08-28 20:13:00 ShankarSangoli

有關的問題，如果我這樣做，然後兩個按鈕會彈出該功能，我只想要無效的按鈕點擊導致轉換 –

看看我編輯的答案。 – ShankarSangoli

如果你不斷點擊'Order Samples'，它會在所有a.buttons上來回切換非活動類。

你基本上尋找的是一個jQuery標籤腳本。在你的情況下，「標籤」只是文本鏈接。我最近在帶有文本標籤的網站上使用了idTabs script，它工作得很好。

來源

2011-08-28 20:20:49 jwinn

jQuery自定義切換divs

回答

相關問題