0

私は古いウェブサイトを持っていますが、それは2つのウェブサイトに置き換えられ、人々を正しいサイトに導くためのモーダルウィンドウを作成しようとしました。

古いサイトでしか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)
  })

これが失敗する理由に関するアイデアはありがたいです。

4

2 に答える 2

0

これをCSSで使用してみて、それから私に知らせてください-

filter:alpha(opacity=80);
opacity: 0.8;
于 2012-09-18T09:34:35.510 に答える
0

これは通常、IEで、コンマ(,)、セミコロン(;)、中括弧などの小さな文字を忘れた場合に発生します({ })。上記のコードで書いたものが何であれ、これが正しいことを確認しましたが、他の場合には、すべての機能を確認する必要があります。

私もこのタイプの問題に直面していて、1つの関数でを見逃しています。私の意見では、次のようなチェックをしましょう。

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

最後にセミコロンを追加しました。

于 2012-09-18T10:16:49.707 に答える