jQuery的 - .animate不能在IE

工作，我有一些腳本：jQuery的 - .animate不能在IE

$(window).load(function(){ 
$("#kontakt_kontakt").hover(
    function(){ 
     $("#kontakt").animate({left: '',bottom: '+=60'}, 440); 
    }, 
    function(){ 
     $("#kontakt").animate({left: '',bottom: '-=60'}, 440); 
    }); 

});

懸停它使得IMG去幾個P-XS了。在Chrome中完美工作，但在IE中無法正常工作 - 只是沒有任何反應。任何人都知道如何解決它？您可以點擊此處查看：http://kafior.mydevil.net/index.html

來源

2012-10-17 Matt

什麼版本的IE？ – SpaceBeers

在ie9中測試其實 – Matt

你有這樣的錯誤：

TypeError: element.dispatchEvent is not a function 

element.dispatchEvent(event);

在你的prototype.js文件

，要包括jQuery和原型與這兩個框架的一對夫婦的版本使用$，您需要查看jQuery中的noConflict方法，並且您確實應該嘗試刪除儘可能多的jQuery版本，但是沒有真正的理由需要下載2-3個版本的jQuery。

來源

2012-10-17 08:24:23 voigtan

你有這樣的錯誤：

SCRIPT438: Object doesn't support property or method 'dispatchEvent'

這裏：

if (document.createEvent) { 
    element.dispatchEvent(event); 
} else { 
    element.fireEvent(event.eventType, event); 
}

你使用jQuery和Prototype從事物的外表在同一頁上。你需要運行jquery noConflict模式。

jQuery.noConflict();

將此行添加到您的jQuery代碼的頂部。

來源

2012-10-17 08:26:52 SpaceBeers

頁面出現JavaScript錯誤，如果您按F12，然後選擇控制檯選項卡。

錯誤發生是因爲頁面包含兩個不同的JavaScript框架 - prototype和jQuery，它們都定義了$函數。請參閱Using JQuery and Prototype in the same page瞭解如何通過使用jQuery .noConflict()函數將它們一起運行。此外，你應該看看優化jQuery和<script>標籤，有很多重複的代碼可以在單個事件處理函數中組合。

來源

2012-10-17 08:27:20 andyb

它也適用於IE，但你的圖像是妨礙你的。

如果您指向菜單上方的頁面，則圖像會移動。如果指向圖像，它們將不會移動，因爲具有懸停事件的元素位於圖像後面，懸停事件顯然不會通過IE中的圖像起泡。

來源

2012-10-17 08:30:30 Guffa

謝謝大家。 stackoverflow的社區真是太棒了！ – Matt

jQuery的 - .animate不能在IE

回答

相關問題