2012-09-08 23 views
0

我的主頁上有一個基於Javascript的圖像滑塊,我從一些開源網站上獲取它。它適用於我需要的功能。但是,我想使用reflection.js腳本在圖像下添加反射。爲了插入反射,我需要將「反射」類添加到我的img元素中。爲此,我需要使用外部.js文件將該類添加到傳送帶中的圖像。使用jQuery(注入)addClass到一個動畫的Javascript滑塊?

我到目前爲止是:$('div.skin-default img').addClass("reflect");但我認爲它只是試圖添加DOM負載。由於圖像正在切換(在任何給定時間只有2個預加載),因此在加載DOM時,類不會添加到carosel中的其他圖像。這是問題嗎?如果是這樣,我怎麼能告訴jQuery繼續檢查新的圖像元素,並自動添加類「反射」?我對jQuery還是比較新的。

此外,我使用Drupal 7作爲我的網站和Galleria作爲圖像滑塊插件。

回答

0

修補程序$('div.skin-default img').addClass("reflect");在添加新元素(作爲回調函數(如果腳本被配置爲接受回調函數)或程序性地(在下面的行中)後添加到滑塊腳本中)。

或者,您可以掛接由append觸發的DOM突變事件。如果您需要支持舊版瀏覽器,請查看this插件。

+0

我明白你在說什麼,但根據我的經驗,我找不到補丁的插入點。這裏是主題的Javascript代碼:http://jsfiddle.net/nXrj2/ – Matt

+0

嘗試在'c。$(「thumbs」)。removeClass(「active」)''之後添加你的片段。 – pdoherty926

+0

如果我按照原樣添加我的代碼段,Chrome的控制檯返回一個錯誤「Uncaught TypeError:屬性'$'object [object Window]不是函數」這裏是JSfiddle的代碼片段:http://jsfiddle.net/nXrj2/3/ – Matt