2012-07-27 31 views
1

因此,我在我的新wordpress網站上配置quicksand plugin以在我的投資組合部分使用它。jQuery流沙問題

我配置了一切,它的工作。你可以看到它住在這裏:

http://www.tipoos.com/new/?page_id=43

問題:

我有我的網站上運行更多的jQuery的腳本。例如,將鼠標懸停在圖像上時,請參閱投資組合項縮略圖。當我第一次運行頁面時懸停圖像正在工作,但每當我觸發排序quicksand功能來篩選我的項目時,縮略圖上的懸停圖像效果停止工作,這真的很討厭..

我想,也許它必須做一個jQuery的衝突或東西,但不管我試過沒有工作 - 找不到任何地方的答案...

這裏是我的JavaScript文件,其中包含站點中的所有腳本,包括流沙設置:https://dl.dropbox.com/u/4405634/functions.js

如果有人可以幫助我會很高興。

+0

近距離投票。這是一個jQuery問題,與WordPress無關。看看用[on](http://api.jquery.com/on/)取代你的事件處理程序。您的元素正在從/刪除/添加到DOM,所以他們失去了他們的事件處理程序。 – 2012-07-27 15:03:13

+0

@ milo-它是將流沙融入wordpress,那我該怎麼辦?在相關的stackexchange網站發佈這個問題? – 2012-07-27 15:48:18

+0

@songdogtech - 我不知道如何接受答案,我也從來沒有收到一個好的答案,我會看看常見問題 - 謝謝。 – 2012-07-27 15:51:23

回答

0

你的問題與Wordpress和一切與jQuery無關。論壇和Q &將jQuery作爲獨立庫處理的網站是更好的選擇。

你還需要學習如何使用Firebug與Firefox,或使用開發工具ChromeSafariIE,看看JS和jQuery庫加載在您的網站和解決衝突的JS錯誤。

您可能還需要看看Function Reference/wp enqueue script « WordPress Codex如何爲你正在學習的jQuery在WordPress加載JS。

+0

謝謝@songdogtech,我真的知道jquery很不錯,一切似乎都能正常工作,除了懸浮圖像與流沙,但我會再次檢查,看看是否有JQuery的衝突或什麼。無論 - 我仍然希望得到一些幫助,因爲我發佈了一個鏈接到我的Javascript文件。我希望有人可以看看我的網站,並建議如何提供幫助。 – 2012-07-27 19:24:10

0

正如我在對你的問題發表評論時提及,你的問題是,當動畫的元素被克隆,所以他們正在失去綁定到這些事件。

the solution is in their documentation。我相信你也可以通過jQuery的on綁定你的事件來解決它,它取代了將事件綁定到未來可能存在的對象的live方法。

+0

我設法解決它在某種程度上使用實況功能: '項目> ul>禮' '$(文件)。就緒(函數(){ \t $()。live('mouseenter',function(){ \t \t $(this).find('img.grey')。stop(true,true).animate({'opacity':'0.2'},{duration:500 }); \t \t \t}); \t \t $( '項目> ul>禮 ')。住(' 鼠標離開',函數(){ \t \t $(本).find( 'img.grey')。停止(真,真)。 animate({'opacity':'1'},{duration:500}); \t \t \t \t \t \t \t}); \t \t });'除了我現有的代碼。我希望它能幫助任何需要它的人 – 2012-07-28 17:01:25