jQuery模式窗口不能在Internet Explorer中工作

我有一箇舊網站，它已被兩個網站取代，並開始製作一個模式窗口，以指導人們訪問正確的網站。jQuery模式窗口不能在Internet Explorer中工作

我只能在舊網站上提供HTML文件，並且HTML的結構不是很統一。我決定在文檔的頭部添加一些jQuery，它爲頁面添加了一個模式窗口，爲人們提供了到新網站的鏈接。

這一切都適用於Linux和Mac上的Chrome，Safari和Firefox，但在PC上的Internet Explorer上測試時，它看起來都是錯誤的，根本不起作用。我打開了控制檯，並沒有錯誤。

$(function(){ 
    var disappear = function(){ 
     // window.location = window.location 
     var $m = $('.modal') 
     $m.eq(0).fadeOut() 
     $m.hide('slow') 
    } 
    $('body').append(
     $("<div class='modal'>").css({ 
     position: 'fixed', 
     width: '100%', 
     height: '100%', 
     backgroundColor: '#000', 
     opacity: .8, 
     top: 0, 
     left: 0 
     })).click(disappear).after($("<div class='modal'>").css({ 
     position: 'fixed', 
     width: 600, 
     // height: 300, 
     backgroundColor: '#FFE', 
     borderRadius: 10, 
     border: "5px solid #005400", 
     top: '10%', 
     left: '50%', 
     marginLeft: -300, 
     padding: '1em', 
     fontFamily: 'trebuchet ms, sans-serif' 
     }).html("<h2>Please be advised</h2><p>\ 
The information on this website is maintained for historical purposes.<br>\ 
It has not been updated since 2009.<br>\ 
However, Tesfa Community Tourism continues to thrive.<br>\ 
<h3>For up to date information...</h3>\ 
<a href='http://tesfatours.com/?from=cbtcom' class='button green'>Book with Tesfa Tours</a>\ 
<a href='http://community-tourism-ethiopia.org/?from=cbtcom' class='button sand'>Community website</a>\ 
<a href='#' id='close' class='button'>Continue to archive site</a>\ 
</p>\ 
")) 
    $('#close').css({fontSize:'12px'}).live('click',disappear); 
    $('table table').eq(1).html(myString) 
    })

任何想法，爲什麼這種失敗讚賞。

來源

2012-09-18 Billy Moon

這通常是與IE發生時，你忘記了一個小角色像逗號(,)或分號(;)或大括號({ })。無論你在上面的代碼中寫了什麼，我已經檢查過這是正確的，但在其他一些情況下，你必須檢查所有功能。

我也面臨這種類型的問題，我想念一個功能。在我看來，讓我們有這樣的支票：

$('#close').css({fontSize:'12px'}).live('click',disappear); 
    $('table table').eq(1).html(myString) 
});

我在最後添加了一個分號。

來源

2012-09-18 10:16:49 user1679879

這可能是正確的 - 但是我現有的頁面繼承了太多糟糕的代碼 - 將內容複製出來並從頭開始會更容易 - 所以我絕對不會知道。 –

嘗試在你的CSS使用這個，讓我然後知道 -

filter:alpha(opacity=80); 
opacity: 0.8;

來源

2012-09-18 09:34:35 swapnesh

感謝您的建議，但我相當確信這不是問題。淡出效果很好，但灰色表格的位置是錯誤的，第二個div沒有附加。我實際上認爲jQuery可以完成你在幕後推薦的內容（在檢測到瀏覽器後使用其中一種方法）。不管怎麼說，還是要謝謝你。 –

jQuery模式窗口不能在Internet Explorer中工作

回答

相關問題