我在使用 IE8 时遇到了问题(在最新版本中完美运行)。IE首先在每个选项卡中添加两个标签(<div>
和)。<img>
在第一个选项卡中一切都很好。img 标签有 src='undefined' 当用户单击选项卡时我试图隐藏但没有结果。
$('.tabLinks').click(function() {
$('img[src="undefined"]').css('visibility', 'hidden');
});
查看源时 - 它没有上面提到的包含标签
也许有人面对它。会很高兴得到任何帮助。
在下面附上屏幕: 屏幕 1
当我试图在开发人员的工具中查找时,我看到了两个标签,但我不知道 IE 为什么以及如何在每个生成的模板标签之后插入它。在所有其他浏览器中完全没有问题。只是这里。
UPD 相关代码:
{{foreach (#Core.$data.content.pages as $pageName => $pageValues)}}
<div id="{{$pageName}}">
<div class="subbg">
<div class="column">
{{foreach ($pageValues as $default => $param)}}
{{if ($default == 'defaults')}}
{{foreach ($param as $pk => $pv)}}
<div class="undercover" id="underCover-{{$pageName}}"
productelementid="{{if (!isSet($pv.productElementId))}}0{{else}} {{$pv.productElementId}}{{/if}}"
side="{{$pageName}}"
style="
position: relative;
width:{{$pv.bwidth}}px;
height:{{$pv.bheight}}px;
border:2px solid #C4C4C4;
margin:{{$pv.bleeding}}px;
background-color:{{if (!isSet($pv.color))}}#ffffff{{else}}{{$pv.color}}{{/if}};
overflow:hidden;">
<div id="sub-{{$pageName}}" class="substrate PageElements"
type="substrate"
side="{{$pageName}}"
style="position: absolute;
top:12px;
left:12px;
width:{{$pv.width}}px;
height:{{$pv.height}}px;
background-color:transparent;
border:2px dotted #cccccc;
z-index:100;"></div>
{{foreach ($pageValues as $pType => $pageValue)}}
{{if ($pType == 'label')}}
{{foreach ($pageValue as $labelK =>$labelV)}}
<!-- Print label elemnets B-->
<div id="{{$labelV.html_id}}"
class="PageElements"
type="{{$pType}}"
side="{{$pageName}}"
content="{{$labelV.content}}"
fontId="{{$labelV.font_id}}"
name="{{$labelV.html_id}}"
style="position:absolute;
top:{{$labelV.posY}}px;
left:{{$labelV.posX}}px;
color:{{$labelV.color}};
font-family:{{$labelV.font_family}};
font-size:{{$labelV.font_size}}px;
font-weight:{{$labelV.font_weight}};
font-style:{{$labelV.font_style}};
text-decoration:{{$labelV.text_decoration}};
text-align:{{$labelV.text_align}};
line-height:{{$labelV.line_height}}px;
width:{{$labelV.width}}px;
height:{{$labelV.height}}px;
z-index:{{$labelV.zIndex}};
overflow:hidden;"
>
{{$labelV.content}}
</div>
<!-- Print label elemnets E-->
{{/foreach}}
{{/if}}
{{if ($pType == 'image')}}
{{foreach ($pageValue as $imageK =>$imgV)}}
<!-- Print image elemnets B -->
<div id="{{$imgV.html_id}}"
class="PageElements"
type="{{$pType}}"
side="{{$pageName}}"
name="{{$imgV.html_id}}"
path="{{$imgV.path}}"
style="position:absolute;
top:{{$imgV.posY}}px;
left:{{$imgV.posX}}px;
z-index:{{$imgV.zIndex}};
background-image: url('{{$imgV.path}}');
background-repeat: repeat-x;
background-repeat: no-repeat;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='{{$imgV.path}}',
sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='{{$imgV.path}}',
sizingMethod='scale');
width:{{$imgV.width}}px;
height:{{$imgV.height}}px;
overflow:hidden;"
></div>
<!-- Print image elemnets E -->
{{/foreach}}
{{/if}}
{{/foreach}}
</div>
{{/foreach}}
{{/if}}
{{/foreach}}
</div>
</div>
</div>
{{/foreach}}