2011-10-28 175 views
0

This適用於Firefox,但不適用於Internet Explorer。點擊其中一個圖像並彈出。手風琴模式

大部分彈出窗口都是手風琴,它不起作用。

$('#DynamiC#accordion li').children('span').hide(); 
    $('#DynamiC#accordion li').click(function (event) { 
     event.preventDefault(); 
     $('#DynamiC#accordion li').children('span').slideUp(0); 
     $('#DynamiC#accordion li').each(function() { 
      if ($(this).attr('rel')!='') { 
       $(this).removeClass('over').addClass('idle'); 
      } 
     }); 

     $(this).children('span').slideDown(0); 
     $(this).removeClass('idle').addClass('over');  

     return false; 
    }); 
+0

看來你隱藏的元素,他們被加載到DOM過嗎?在頁面加載後模式內容是不是加載? –

+0

當模式內容被加載時,它會從腳本中帶入它。它應該加載的內容,而不是與原來的網頁... –

回答

0

嘗試使用您的負載依賴這樣的:

$('#result').load('MODALCONTENTFILE.html', function() { 
     $('#result').load('ACCORDIAN.html'); 
}); 

您加載內容的DOM加載後。因此,在調用hide()命令後加載內容。

這工作完美無瑕的IE:http://jsfiddle.net/JVtyv/11/

+0

哪些IE?我想我從來沒有指定它在這裏不工作。或7我相信...天哪我討厭ie大聲笑 –

+0

當我選擇IE8/IE7標準時,該示例在我的IE瀏覽器上正常工作。 –

+0

你編輯過的例子,還是隻是複製過來? –