瀏覽器變化,jQuery的錯誤是固定的(而頁面加載哪個加載),這兩個原因總是使用最新版本的jQuery(經過適當測試後,你很重要)不能指向最新)。
您的代碼,適於jQuery的1.9,將是,另一事件類型,
$(document).on("event_type",".wrapper1", function(){
$(".wrapper2")
.scrollLeft($(".wrapper1").scrollLeft());
});
使用$(document)
作爲接收機的原因,而不是$(".wrapper1")
是隻有元件在結合時將接收和代表現有事件。 on
不能像舊的live
那樣工作。
除了這對於scroll
事件不起作用,因爲它們不起泡。
所以最reasonnable解決方案,我可以建議將定義一個函數:
$.fn.bindScrollHandler1 = function(){
$(this).on('scroll', function(){
$(".wrapper2").scrollLeft($(".wrapper1").scrollLeft());
});
}
,並在啓動時調用它:
$('.wrapper1').bindScrollHandler1();
,並在每次創建新的.wrapper1元時間:
myNewElement.bindScrollHandler1();
Demonstration
請注意,您的完整邏輯似乎有點欠缺,因爲您不配對滾動條,但使它們都工作相同。
你爲什麼使用這個過時的版本的任何原因?我知道我不會管理不是爲今天的瀏覽器製作的版本,而是在新版本中修復了很多錯誤。 –
,因爲在我的項目中已經使用過。 – PSR
任何版本對我來說都沒有問題 – PSR