Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/docker/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 响应图像使用;内容“;在Chrome版本33.0.1750.117上_Javascript_Html_Css_Google Chrome_Responsive Design - Fatal编程技术网

Javascript 响应图像使用;内容“;在Chrome版本33.0.1750.117上

Javascript 响应图像使用;内容“;在Chrome版本33.0.1750.117上,javascript,html,css,google-chrome,responsive-design,Javascript,Html,Css,Google Chrome,Responsive Design,我在我的站点中使用了follow源代码来响应图像,但它在laschrome更新后停止工作,但仍然在其他浏览器中工作 //<![CDATA[ var queries = [{context: 'global',callback: function() {$('img').each(function(index) { var small = $(this).attr('src'); $(this).attr('src',sm

我在我的站点中使用了follow源代码来响应图像,但它在laschrome更新后停止工作,但仍然在其他浏览器中工作

   //<![CDATA[            
    var queries = [{context: 'global',callback: function() {$('img').each(function(index) {
        var small = $(this).attr('src');
        $(this).attr('src',small);
    });}},{context: 'sizeSmll',callback: function() {
        $('img').each(function(index) {
            var smll = $(this).data('smll');
            $(this).attr('src',smll);});}},{context: 'size0',callback: function() {
                $('img').each(function(index) {var medium = $(this).data('medium');
                $(this).attr('src',medium);});}},{context: 'size1',callback: function() {
                    $('img').each(function(index) {var large = $(this).data('large');
                    $(this).attr('src',large);});}},{context: 'size2',callback: function() {
                        $('img').each(function(index) {var extralarge = $(this).data('extralarge');
                        $(this).attr('src', extralarge);
        });}}];MQ.init(queries);
//]]>
}

。。。和更多具有相同来源的媒体查询

以及html图像:

<img class="responsiveImg" src="urlImage0.png" 
data-smll="urlImage1.png" 
data-medium="urlImage2.png" 
data-large="urlImage3.png" 
data-extralarge="urlImage4.png">

它还使用onmediaquery.min.js文件,源代码如下:

var MQ=function(b){b=b||{};b.init=function(a){this.callbacks=[];this.context="";if("undefined"!==typeof a)for(i=0;i<a.length;i++)this.addQuery(a[i]);this.addEvent(window,"resize",b.listenForChange,b);this.listenForChange()};b.listenForChange=function(){var a;window.getComputedStyle&&(a=window.getComputedStyle(document.body,":after").getPropertyValue("content"),null!=a&&(a=a.replace(/['"]/g,""),a!==this.context&&this.triggerCallbacks(a),this.context=a))};b.addQuery=function(a){if(!(null==a||void 0== a))return this.callbacks.push(a),this.callbacks[this.callbacks.length-1]};b.removeQuery=function(a){if(!(null==a||void 0==a))for(var c=-1;-1<(c=this.callbacks.indexOf(a));)this.callbacks.splice(c,1)};b.triggerCallbacks=function(a){var c,b;for(c=0;c<this.callbacks.length;c++)b=this.callbacks[c].callback,this.callbacks[c].context===a&&void 0!==b&&b()};b.addEvent=function(a,b,d,e){null==a||void 0==a||(a.addEventListener?a.addEventListener(b,function(){d.call(e)},!1):a.attachEvent?a.attachEvent("on"+ b,function(){d.call(e)}):a["on"+b]=function(){d.call(e)})};return b}(MQ||{});
var MQ=function(b){b=b | |{};b.init=function(a){this.callbacks=[];this.context=”“;if(“undefined”!==typeof a)for(i=0;i)

有人知道新Chrome上发生了什么变化,可能会影响我的源代码吗?在高级版中,谢谢!

尝试不要使用“显示:无”,而是使用“不透明度:0”。 我不知道new Chrome上发生了什么变化,但new Chrome似乎无法将object set display属性的属性“content”设置为none

var MQ=function(b){b=b||{};b.init=function(a){this.callbacks=[];this.context="";if("undefined"!==typeof a)for(i=0;i<a.length;i++)this.addQuery(a[i]);this.addEvent(window,"resize",b.listenForChange,b);this.listenForChange()};b.listenForChange=function(){var a;window.getComputedStyle&&(a=window.getComputedStyle(document.body,":after").getPropertyValue("content"),null!=a&&(a=a.replace(/['"]/g,""),a!==this.context&&this.triggerCallbacks(a),this.context=a))};b.addQuery=function(a){if(!(null==a||void 0== a))return this.callbacks.push(a),this.callbacks[this.callbacks.length-1]};b.removeQuery=function(a){if(!(null==a||void 0==a))for(var c=-1;-1<(c=this.callbacks.indexOf(a));)this.callbacks.splice(c,1)};b.triggerCallbacks=function(a){var c,b;for(c=0;c<this.callbacks.length;c++)b=this.callbacks[c].callback,this.callbacks[c].context===a&&void 0!==b&&b()};b.addEvent=function(a,b,d,e){null==a||void 0==a||(a.addEventListener?a.addEventListener(b,function(){d.call(e)},!1):a.attachEvent?a.attachEvent("on"+ b,function(){d.call(e)}):a["on"+b]=function(){d.call(e)})};return b}(MQ||{});