IE8中的奇怪标签

时间:2013-09-20 13:37:39

标签: javascript jquery html css internet-explorer-8

我在IE8上遇到了麻烦,(在最新版本中效果很好)。 IE首先在每个标签中添加两个标签(<div><img>)。在第一个标签中,一切都很好。 img标签有src ='undefined'我试图隐藏当用户点击选项卡但没有结果。

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

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

}); 

查看来源时 - 它没有上面提到的标签

也许有人面对它。会很高兴得到任何帮助。

附上以下屏幕: Screen 1

当我试图在开发人员的工具中找到两个标签时,我不知道为什么以及IE如何在模板标签中生成每个标签后插入它。在所有其他浏览器中没有任何问题。只是在这里。

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

0 个答案:

没有答案