Fix para la posición de fondo en IE
Obtengo este problema en IE7 cuando ejecuto un fragmento de código que usa jquery y 2 complementos jquery. El código funciona en FF3 y Chrome.
El error completo es:
Line: 33
Char: 6
Error: bg is null or not an object
Code: 0
URL: http://localhost/index2.html
Sin embargo, la línea 33 es una línea en blanco.
Estoy usando 2 complementos: arrastrable y zoom. No importa lo que le haga al código, siempre es la línea 33 la que tiene la culpa. Compruebo que la fuente se ha actualizado a través de ver fuente pero siento que esto podría estar mintiéndome.
<body>
<div id="zoom" class="zoom"></div>
<div id="draggable" class="main_internal"><img src="tiles/mapSpain-smaller.jpg" alt=""></div>
<script type="text/javascript">
$(document).ready(function() {
$('#draggable').drag();
$('#zoom').zoom({target_div:"draggable", zoom_images:new Array('tiles/mapSpain-smaller.jpg', 'tiles/mapSpain.jpg') });
});
</script>
</body>
sencialmente, lo que estoy tratando de hacer es recrear la demostración del mapa Pragmatic Ajax con jQuery.
arece que la segunda línea de este fragmento está causando el problema:
bg = $(this).css('background-position');
if(bg.indexOf('%')>1){
Parece estar intentando seleccionar la propiedad de posición de fondo de#draggable
y no lo encuentras? Agregar manualmente unabackground-position: 0 0;
no lo arregló. ¿Alguna idea sobre cómo solucionar este problema?
Intenté usar el MS Script Debugger pero eso es casi inútil. No se pueden inspeccionar variables ni nada más.