Есть ли разница в том, как Firefox и IE обрабатывают jQuery CSS? - PullRequest
1 голос
/ 18 марта 2011

Я работаю над этими мультимедийными объявлениями для работы, и они работали во всех браузерах, пока я не начал играть методом jQuery css. В IE ничего не отображается, это не было проблемой вчера, когда я был на собрании. Единственная вещь, на которую я могу связать это, может быть, IE обрабатывает CSS по-другому. Любая помощь будет оценена, вот пример моего кода.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Molson Canadian Ad Template</title>

<style type="text/css">

body {
    background-color: #333;
}

</style>

<script src="http://code.jquery.com/jquery-1.5.js"></script>
<script src="jquery.swfobject.1-1-1.min.js" type="text/javascript"></script>

<script>

$(document).ready(

    function() {

        jsReady = true;

        banner1 = $('#banner1');
        banner1.css({overflow:'hidden', position:'absolute', left:158});
        banner1.flash({swf: 'molson1_300x250.swf', width: 300, height: 250, play: true, flashvars: {message:'in'}});
    }
);

var jsReady = false;

function isReady() {

    return jsReady;
}

function sendToJavaScript(value) {

    if( value == "expand" ){

        banner1.css('left', 0 );
        banner1.flash().remove();
        banner1.flash({swf:'molson1_600x250.swf', width:600, height:250, wmode:"transparent"});

    }else{

        banner1.css('left', 158 );
        banner1.flash().remove();
        banner1.flash({swf: 'molson1_300x250.swf',width: 300,height: 250,play: true},function(){this.GotoFrame(71)});
    }
}

</script>

</head>

<body>
<div id="banner1"></div>
</body>
</html>

Ответы [ 2 ]

1 голос
/ 18 марта 2011

Я понял это, ребята, проблема была в том, что я определил бы переменную примерно так

banner1 = $('#banner1'); 

и затем попытайтесь вызвать методы, подобные этому

banner1.css(); 

это нормально работает в Firefox, но в IE вы должны называть это так

$('#banner1').css();
0 голосов
/ 18 марта 2011

Есть ли разница в том, как Firefox и IE обрабатывают jquery CSS?

Да, есть.

Это знает ВСЕ:

http://www.quirksmode.org/css/contents.html

1. IE 5/6 doesn’t implement overflow: visible correctly.
2. E 5/6 don’t support position: fixed
   IE7 has a strange bug; see page.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...