私はテスト用に2つの簡単なページを用意しています。jQuery .load() - コーナープラグインがIEで動作しない - Firefoxが正常です
私の最初のページでは、$.load()
を使用して、2番目のページからdiv
をロードします。
両方のページにコーナーリングを行うプラグインが含まれています。 2番目のページからdivをロードする最初のページを読み込むと、コーナリングが機能しません。しかし、自分で2番目のページをロードすると、コーナリングが機能して$ .load()と関係します。ここで
は、1ページから、いくつかのコードです:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#load").load('testLoadCornering2.aspx #loadMe');
});
</script>
<script src="resources/js/curvycorners.js" type="text/javascript"></script>
<script src="resources/js/curvycorners.src.js" type="text/javascript"></script>
<link href="resources/css/main.css" rel="stylesheet" type="text/css" />
<link href="resources/css/buttons.css" rel="stylesheet" type="text/css" />
<link href="resources/css/confirm.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="load" class="BWTable">
</div>
</form>
</body>
</html>
あなたはページが第二のdivをロードしようとしている参照してください。
2ページ目:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="resources/js/curvycorners.js" type="text/javascript"></script>
<script src="resources/js/curvycorners.src.js" type="text/javascript"></script>
<link href="resources/css/main.css" rel="stylesheet" type="text/css" />
<link href="resources/css/buttons.css" rel="stylesheet" type="text/css" />
<link href="resources/css/confirm.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="loadMe" class="BWTable">
<p>
Test Test Test Test Test Test Test
</p>
</div>
</form>
</body>
</html>
そして、それは(角の丸いプラグインと一緒に)丸めに使用するCSS:Firefoxので
background-image: url( '../../images/wp_form2.gif');
border: solid 1px #000000;
margin-left: auto;
margin-right: auto;
text-align: center;
color: white;
-moz-border-radius: 10px; /* Rounded corners plugin */
-webkit-border-radius: 10px; /* Rounded corners plugin */
、これは正常に動作します - しかし、IEで(特に私が試しているバージョン8)コーナーは丸められません。
繰り返して、手動でIE 8コーナーの2番目のページに移動するには、.load()メソッドが使用されているときだけです。
助けてください。
注:最初のページからロードする必要があるため、両方のページなどにスタイルシートを追加する必要はないはずですが、試しているものの完全なコードを表示するために追加しましたする。 おかげで、 リッキー
ボックスモデルではなく、国境を使用することができますので、それはFirefoxやChromeのと同じようにボーダー半径などの作業を見ていかもしれません。 –
これは今解決され、私は私の答えを掲載しました。みんな、ありがとう。 – Ricky