IE中自定义标签使用自封闭格式引发错误!

摘要:
最近,我学习了IONIC,其中使用了离子菜单导航按钮。由于标签的开头和结尾之间没有内容,因此很容易使用自动关闭标签的编写方法:在Chrome和Firefox中没有问题,只有在IE10中,正文中的内容不会显示。起初,我认为这是一个盒子显示模式的问题。调试后,发现IE的DOM树的离子导航栏部分未完成,离子视图中的内容位于导航栏中。由于导航栏的高度限制,它不会显示。经过仔细检查,只有离子菜单导航按钮是一个可疑标签,因此它被更改为正常格式,保存,最后在IE下正常。

最近学习IONIC,其中用到了ion-menu-nav-button,由于标签开始和结尾之间没有内容,所以图省事儿使用自封闭标签的写法:

<ion-menu-nav-button class="button-icon icon ion-navicon" ng-click="tgMenu();" />

在chrome和firefox下都没有问题,只有在IE10下body中的内容都没有显示,开始以为是box显示模式问题。经调试后发现,在IE的DOM树中,ion-nav-bar部分没有结束,ion-view中的内容都位于navbar中,由于navbar高度限制没有显示出来,经过仔细检查,只有ion-menu-nav-button一个可疑标签,遂改成正常格式,保存,IE下终于正常了。

 <ion-menu-nav-button class="button-icon icon ion-navicon" ng-click="tgMenu();" ></ion-menu-nav-button>

免责声明:文章转载自《IE中自定义标签使用自封闭格式引发错误!》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇HTTP网页错误代码大全(如404,500,403)JAVA poi设置单元格背景颜色下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

常用控件3

单选按钮 和 按钮组 QRadioButton 是单选按钮,如下图所示 官网介绍 说明 同一个父窗口 里面的多个单选按钮,只能选中一项。 如果你有多组单选按钮, 每组都应该有不同的父控件,或者不同的Layout。 通常建议:多组单选按钮,放到不同的 按钮组 QButtonGroup 中 具体内容,点击这里,查看视频讲解 信号:选中状态改变 如果用户操作点...

WPF 中动态创建和删除控件

动态创建控件 1.容器控件.RegisterName("Name",要注册的控件) //注册控件 2.容器控件.FindName("Name") as 控件类型 //找到控件并转换成相应类型 注意:仅通过 控件.Name来设置是不能通过FindName来找到控件的,必须注册 动态删除控件1.容器控件.Children.Remove(控件) //移除控件 2...

创建 Java 项目

通过 spring initializr 创建 Spring Boot 项目 打开网站 https://start.spring.io/ 填写项目名称,spring boot 版本,编程语言,Dependency 等信息 然后可以生成包含代码和配置的 zip 包,可以导入 IDE 通过 STS 创建 Spring Boot 项目 下载 STS (Spri...

在工具栏上新增功能按钮

在工具栏上新增功能按钮,该按钮定义保存在系统结构体SSCRFIELDS中,N为一个整数类型的序号例如当N等于1时,按钮描述保存在字段SSCRFIELDS-functxt_01中,按钮的功能代码将默认赋值为‘FC01’,保存在字段SSCRFIELDS-UCOMM中,其使用方法如下例所示。注意:本例中共有两个按钮由于按钮属于屏幕元素的一部分,多以必须定义好屏幕...

vue如何触发某个元素的单击事件?

<a class="link" @click.native="test">1111</a> <a class="link" @click.native="test">2222</a> <a class="link" @click.native="test">333</a> <b...

WPF知识点全攻略11- 命令(Command)

先看一下命令的简单使用: <Window.CommandBindings> <CommandBinding Command="ApplicationCommands.Cut" CanExecute="CutCommand_CanExecute" Executed="CutCommand_Executed" />...