2011-07-11 7 views
0

丸いコーナーに2つのプラグインを使用しています.1つはすべてのナビゲータで、もう1つはIEのDD_Roundiesです。IEコードは時々実行されるようですが、私はそれをきれいにして、何度か丸みを帯びてきて、何度か私はしません。JavaScriptが時々だけ実行される(Internet Explorer 7および8)

あなたはそれを見ることができhereまたはhere、(ページにいくつかの回をリロードしてみてください)ここで、「Solicite presupuestoは」他後の最初の命令に応じてサイズを変更しなければならないと言って灰色のdiv。

それが他の後の最初の命令はどちらか常に動作していないとして、これは私のコードで、dd_roundiesのよりはJavaScriptのより多くの事を思わ:

$(document).ready(function() 
    { 
     var anchoDoc = getViewSize(); 
     //if (anchoDoc <= 1152) && (anchoDoc >1024) 
     if ((anchoDoc <= 1024) && (anchoDoc >800)) 
      $('#css-dispositivo').attr('href', 'css/estructura1024.css'); 

     $('#contenido').corner('bottom', '40px'); 
     $('#pie-pagina').corner(); 

     //El plugin jquery.corners falla en IE cuando el fondo no es liso, por tanto se usa el plugin DD_roundies en IE para aquellos elementos con fondo 
     //de imagen o degradado (el motivo de no usarlo en todos los elementos para IE es que DD_roundies sa peor resultado) 
     if (navigator.appName.toLowerCase().indexOf('internet explorer') < 0) 
     { 
      $('#wrapper-animacion').corner(); 
      $('#solicitud-presupuesto').corner(); 
      $('.grupo-clientes').corner("30px"); 

      $('a.link-pie').corner('5px'); 
      $('.texto-destacado1').corner('right', '20px'); 

      $('#frmContacto .wrapper-campo').corner(); 
      $('#frmContacto .wrapper-textarea').corner(); 
     } 
     else 
     { 
      $('#solicitud-presupuesto').css('width', '54%'); 
      DD_roundies.addRule('#wrapper-animacion', '10px'); 
      DD_roundies.addRule('#solicitud-presupuesto', '10px'); 
      DD_roundies.addRule('.grupo-clientes', '10px'); 

      DD_roundies.addRule('a.link-pie', '6px'); 
      DD_roundies.addRule('.texto-destacado1', '30px'); 

      DD_roundies.addRule('.wrapper-campo', '10px'); 
      DD_roundies.addRule('.wrapper-textarea', '10px'); 
     } 
    }); 

は、私が使用することをお勧めあなたに

+0

あなたは[IEの外に丸いコーナーを作成するためにJavaScriptは必要ありません](http://border-radius.com/)をご存知でしたか? –

+0

'$(document).ready()'の代わりに '$(window).load()'を試してください。そして、jQueryを更新すると、現在のバージョンは1.6.2、あなたのバージョンは1.5.1です。 – katspaugh

答えて

1

ありがとうございましたCSS3とhttp://css3pie.com/は丸い角です。より速いDD_roundiesで使いやすくなっています。

+0

CSS3 PIEは良いです! – katspaugh

関連する問題