0

IE8 に問題があります (最新バージョンでは完璧に動作します)。IE は、最初の後に各タブに2 つのタグ (<div>および) を追加します。<img>最初のタブではすべて問題ありません。img タグには src='undefined' があります ユーザーがタブをクリックしたときに非表示にしようとしましたが、結果がありません。

$('.tabLinks').click(function() {

   $('img[src="undefined"]').css('visibility', 'hidden');

}); 

ソースを表示すると、上記のコンテンツ タグが含まれていません。

誰かが直面したのかもしれません。どんな助けでも喜んでします。

以下に画面を添付します: 画面 1

開発者ツールで検索しようとしたときに 2 つのタグが表示されましたが、テンプレート タグで生成された後に IE がそれを挿入する理由と方法がわかりません。他のすべてのブラウザではまったく問題ありません。ただここだけ。

画面 2

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}}
4

0 に答える 0