IE8 に問題があります (最新バージョンでは完璧に動作します)。IE は、最初の後に各タブに2 つのタグ (<div>
および) を追加します。<img>
最初のタブではすべて問題ありません。img タグには src='undefined' があります ユーザーがタブをクリックしたときに非表示にしようとしましたが、結果がありません。
$('.tabLinks').click(function() {
$('img[src="undefined"]').css('visibility', 'hidden');
});
ソースを表示すると、上記のコンテンツ タグが含まれていません。
誰かが直面したのかもしれません。どんな助けでも喜んでします。
以下に画面を添付します: 画面 1
開発者ツールで検索しようとしたときに 2 つのタグが表示されましたが、テンプレート タグで生成された後に 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}}