2012-07-05 44 views
0

我無法獲得一組鏈接的方法來工作。jQuery - 方法鏈不工作

目標是隱藏正常工作的對話框,然後更改#nomoreIE div的類。

我已經嘗試了許多組合來鏈接.addClass('masked').removeClass('poped')方法,沒有任何錯誤或成功的跡象。

另外,如果需要,我想提供重新打開對話框的能力,這是append()方法的意圖。

$('.lt-ie9 #nomoreIE a.ui-dialog-titlebar-close').live('click', function(e4){ 

    $('#nomoreIE').addClass('masked').removeClass('poped').animate({ 
    left: '-148px' }, { 
     duration: '80', 
     easing: 'easeInExpo' 
    }).append('<div id="alert-ie"></div>'); 

    return false; 

}); 

任何幫助表示讚賞

謝謝

這裏的代碼的完整列表回答 'DarkKing':

// --------------- ienomore ------------------------------ 
// faire apparaitre au chargement 
$('.lt-ie9 #nomoreIE').css({right: '-140px'}).delay(2000).animate({ 
     left: '0' }, { 
        duration: '80', 
         easing: 'easeOutBounce' 
        }).removeClass('masked').addClass('poped'); 


// gestion du close 
$('.lt-ie9 #nomoreIE a.ui-dialog-titlebar-close').live('click', function(e3){ 

    $('#nomoreIE').addClass('masked').removeClass('poped').animate({ 
     left: '-148px' }, { 
        duration: '80', 
         easing: 'easeInExpo' 
        }).append('<div id="alert-ie"></div>'); 

return false; 

}); 

//gestion du open 
$('.lt-ie9 #nomoreIE #alert-ie').live('click', function(e4){ 
    $('#nomoreIE').remove('#alert-ie').animate({ 
     left: '0' }, { 
        duration: '80', 
         easing: 'easeOutBounce' 
        }).removeClass('masked').addClass('poped'); 

}); 
+0

向我們展示使用http://jsfiddle.net的演示,或者顯示您的HTML標記。你確定你有一個名爲'#nomoreIE?'的元素嗎?'你確定點擊處理程序被解僱嗎? jQuery不會錯誤,如果一個選擇器不匹配任何元素,所以這通常是***沒有任何反應***時的問題。 – Matt 2012-07-05 15:49:57

+0

我試圖做一個小提琴..把最低限度渲染我在說什麼,但抱歉不起作用。在這裏可以看到:http://jsfiddle.net/elz64/UdmWx/ – user1011212 2012-07-06 07:39:00

回答

0

請檢查此列表:

  • 您的選擇,以確保點擊處理程序正在被解僱。
  • 嘗試使用$(this).parent()而不是$('#nomoreIE')
  • 檢查poped類肯定存在。

這個問題可以用這些情況來解決。

+0

謝謝你。我應該有相關代碼的完整部分。 – user1011212 2012-07-05 18:42:12

+0

我用完整的代碼編輯我的原始信件。該事件實際上被解僱,因爲該對話框被動畫化爲隱藏。我在代碼中設置了這個塊,然後立即隱藏它的css'right'屬性,並將它動畫顯示爲從窗口的左邊緣滑動。在這一點上,'強盜'班實際上是增加了。點擊鏈接會使對話框向右滑動,但即使執行this.parent,也不會對類進行任何操作。 – user1011212 2012-07-05 18:50:14

0

我已經上傳了jiddle代碼以反映新方法。(http://jsfiddle.net/elz64/UdmWx/2/) 然而,在Jiddle中沒有任何功能。

我刪除了「.lt-ie9」的條件註釋和css目標以處理FF中的Firebug。

以前的代碼WAS在FF中工作,但不在IE中,我仍然不知道爲什麼。

一件確定的事情:F12控制檯沒有被jQuery dom操作(!?)刷新,所以它不能實時反映操作。

我想有一些特定的IE問題,但也有一些工作的東西(如類操作)不可見的原因控制檯沒有實現!

由於附加div(一個小的6x6圖標)出現了一些故障,我設法改變了位置等。 現在新的代碼在IE中也可以。