2012-02-24 26 views
1

我在一個簡單網站的不同頁面上使用此代碼實現水平和垂直滑塊控件。它適用於IE和Firefox中的所有頁面;但在Safari和Chrome的一個頁面上,它失敗了。該頁面有一個AJAX控件(彈出Facebook分享)。當我刪除腳本管理器和AJAX控件時,jQuery腳本完美地執行。jQuery不能在頁面上使用AJAX控件在Safari/Chrome中工作

我該如何修復這個腳本,以便在頁面上執行AJAX控件?

下面是腳本:

<script> 
var over = false; 
var intervalID = 0; 
$("#btn_Right").hover(
    function() { 
    over = true; 
    DoMove("Left"); 
    }, 
    function() { 
    over = false; 
    clearInterval(intervalID); 
    } 
); 

$("#btn_Left").hover(
    function() { 
    over = true; 
    DoMove("Right"); 
    }, 
    function() { 
    over = false; 
    clearInterval(intervalID); 
    } 
); 

function DoMove(direction) { 
    var interval = 600; 
    intervalID = setInterval(function() { 
    if (over) 
     MoveFrames(direction); 
    }, interval); 
} 

function MoveFrames(direction) { 
    var itemWidth = 175; 
    var viewFrameWidth = parseInt(document.getElementById('ViewFrame').style.width); 
    var containerWidth = parseInt(document.getElementById('Container').style.width); 
    var CurrentPos = parseInt(document.getElementById('Container').style.marginLeft); 
    if (CurrentPos % itemWidth == 0) { 
    if ((direction == "Left" && CurrentPos <= -(containerWidth - viewFrameWidth)) || (direction == "Right" && CurrentPos >= 0)) { 
     clearInterval(intervalID); 
    } 
    else { 
     if (direction == "Left") { 
     $("#Container").animate({ marginLeft: '-=175' }, 400); 
     } 
     else if (direction == "Right") { 
     $("#Container").animate({ marginLeft: '+=175' }, 400); 
     } 
    } 
    } 
} 

+0

我忘了補充腳本執行一路的動畫代碼,但沒有任何反應... – John 2012-02-24 18:46:38

+0

什麼是你的腳本經理和AJAX控件的ID? – Har 2012-02-24 18:46:58

+0

ScriptManager1 ...可能是一個問題? – John 2012-02-24 18:50:29

回答

相關問題