jquery css background-position[英] jquery css background-position

问题描述

好的 - 我正在尝试将 jquery 插件用于 iphone 开关.但是 IE 在显示背景图像时出现问题.

这是导致问题的代码 -

image = jQuery('<img class="iphone_switch" style="height:'+settings.switch_height+'px; width:'+settings.switch_width+'px; background-image:url('+settings.switch_path+'); background-repeat:none;背景位置:'+(state == 'on' ? 0 : -53)+'px" src="'+(state == 'on' ? settings.switch_on_container_path : settings.switch_off_container_path)+'" />');


当我从上面的代码中删除
background-position:'+(state == 'on' ? 0 : -53)+'px"
- 然后我可以看到 ON/OFF 背景IE上的图片,但是当我点击按钮时,它又消失了.

这是点击功能 -

jQuery(this).click(function() {if(state == 'on') {jQuery(this).find('.iphone_switch').animate({backgroundPosition: -53}, "slow", 函数() {jQuery(this).attr('src',settings.switch_off_container_path);切换关闭回调();});state = 'off';}其他 {jQuery(this).find('.iphone_switch').animate({backgroundPosition: 0}, "慢", 函数() {切换_on_callback();});jQuery(this).find('.iphone_switch').attr('src', settings.switch_on_container_path);state = 'on';}});


有什么建议吗?

谢谢

推荐答案

我遇到了同样的问题 with IE8.. 最后今天得到 time to 解决它.On37 where 一个 image 元素 is 正在创建.. 而不是 of 使用一个结束标签ix它它会工作玩得开心.

本文地址:https://www.itbaoku.cn/post/1395113.html