legend2---开发日志13(layer_mobile的content传入dom 出现【object object】如何解决)
legend2---开发日志13(layer_mobile的content传入dom 出现【object object】如何解决)
一、总结
一句话总结:
layer_mobile.content只能为string类型
方法一:将dom转成字符串,比如$('$aa').html(),这样的缺点是丢失那些事件
方法二:外面套上script标签,并且把id加在script标签上,因为script标签会被执行
layer.js+script标签:script标签不会被显示,并且会被执行,还不会导致两份相同id,所以非常适合做content的内容
来源:调用layer mobile里面的layer.js发现弹出层变成了[object object]?? - Fly社区
推荐使用这种写法
<script id="formbox" type="text/html">
你的那些 HTML
</script>
使用的时候
content: $('#formbox').html()
1、layer.js的content里除了传入普通的html内容,还可以指定DOM么?
可以:DOM最好该元素要存放在body最外层,否则可能被其它的相对元素所影响
layer.open({
type: 1,
content: $('#id') //这里content是一个DOM,注意:最好该元素要存放在body最外层,否则可能被其它的相对元素所影响
});
2、layer.js获取dom类型的content时使用id取dom的问题是什么,比如content:$('#aa')?
id重复:因为你这样导致了id重复了,相当于你克隆了一份dom又插入到body里面了
3、layer.js非常适合script标签做content(不重复id,script标签不显示,会执行),那么对script标签有什么要求?
type="text/html"
<script id="hero_stone_layer{$vo.th_id}" type="text/html">
4、vue常见的绑定id的写法(需要拼接的情况)?
在v-bind中字符串直接拼接vue变量就好
<script v-bind:id="'hero_stone_layer'+school_hero_stone.th_id" type="text/html"></script>
5、script标签中的中的vue统治的标签的绑定属性v-bind应该怎么写(比如img的src)?
不用加v-bind:script本身就表示执行,不加v-bind的话vue照样可以执行
<script v-bind:id="'hero_stone_layer'+school_hero_stone.th_id" type="text/html">
<img src="{{school_hero_stone.th_picture}}" alt="User Image">
</script>
6、layer.js和boostrap的模态框 modal.js的偏好设置(在vue和bootstrap环境下)?
layer.js对vue的双向绑定支持不是很好,所以可以试试model.js
7、装备的特性如何实现?
方法一:在英雄特性表中增加字段:是否是装备特性(或者直接装备id),方便判断是否为装备增加的特性
方法二:直接加在英雄的特性之上(推荐):拆卸装备的时候从上面减去就好(这样好在以前的基础上编程,以前的代码不用改)
8、php查错的快速方法?
断点输出法逐步确定出错位置:dump('111111');die;
9、编程中, 在传数据给页面端时临时加的变量(比如装备类型等级的中文)适合和数据表(装备表)中字段同一前缀(以e_做前缀)么?
不适合:保持数据库字段前缀的唯一性,以便后续选出数据字段更新数据库
10、下面这行代码错在哪?
主表是school_equipment,你却在里面找装备表的id
|||-begin
$equipment=db('school_equipment')->alias('se')->join('equipment e','se.se_e_id=e.e_id','LEFT')->join('template_equipment te','e.e_te_id=te.te_id','LEFT')->find($e_id);
|||-end
二、内容在总结中
legend2---开发日志13(layer_mobile的content传入dom 出现【object object】如何解决)的更多相关文章
- U-Learning 后端开发日志(建设中...)
目录 U-Learning--基于泛在学习的教学系统 项目背景 技术栈 框架 中间件 插件 里程碑 CentOS 7搭建JAVA开发环境 接口参数校验(不使用hibernate-validator,规 ...
- [课程设计]任务进度条&开发日志目录
任务进度条&开发日志目录 周期 时间 任务 Sprint One 11.14 ● Scrum团队分工及明确任务1.0 Sprint One 11.15 ● Scr ...
- .NET Core开发日志——Entity Framework与PostgreSQL
Entity Framework在.NET Core中被命名为Entity Framework Core.虽然一般会用于对SQL Server数据库进行数据操作,但其实它还支持其它数据库,这里就以Po ...
- C#实现多级子目录Zip压缩解压实例 NET4.6下的UTC时间转换 [译]ASP.NET Core Web API 中使用Oracle数据库和Dapper看这篇就够了 asp.Net Core免费开源分布式异常日志收集框架Exceptionless安装配置以及简单使用图文教程 asp.net core异步进行新增操作并且需要判断某些字段是否重复的三种解决方案 .NET Core开发日志
C#实现多级子目录Zip压缩解压实例 参考 https://blog.csdn.net/lki_suidongdong/article/details/20942977 重点: 实现多级子目录的压缩, ...
- 《Invert》开发日志05:终止
今天终于看了久闻大名的<独立游戏大电影>,然后我就做了一个坑爹的决定:终止“Invert”项目的开发.没错,在还没正式开工之前,我就决定停掉这个项目,而且是永久终止.做这个决定并不是因为觉 ...
- NET-SNMP开发——日志输出
NET-SNMP开发——日志输出 net-snmp的日志输出功能是很强大的,与日志输出相关函数声明在net-snmp-5.7.3\include\net-snmp\library\snmp_loggi ...
- 仿酷狗音乐播放器开发日志十九——CTreeNodeUI的bug修复二(附源码)
转载请说明原出处,谢谢 今天本来打算把仿酷狗播放列表的子控件拖动插入功能做一下,但是仔细使用播放列表控件时发现了几个逻辑错误,由于我的播放 列表控件是基于CTreeViewUI和CTreeNodeUI ...
- Windows Phone 8初学者开发—第13部分:设置LongListSelector中磁贴的样式
原文 Windows Phone 8初学者开发—第13部分:设置LongListSelector中磁贴的样式 第13部分:设置LongListSelector中磁贴的样式 原文地址: http://c ...
- Windows Phone开发(13):如何规范用户的输入行为
原文:Windows Phone开发(13):如何规范用户的输入行为 很多时候,我们对用户的操作或输入做一定程度的限制,以避免发生不必要的异常或错误,因此,对一些特殊的类型,进行输入限制是很有必要的. ...
随机推荐
- JavaSwing仿QQ登录界面,注释完善,适合新手学习
使用说明: 这是一个java做的仿制QQ登录界面,界面仅使用一个类, JDK版本为jdk-11 素材包的名字为:素材(下载)请在项目中新建一个名字为“素材”的文件夹. 素材: https://pan. ...
- Java获取当前时间戳/时间戳转换
时间戳精度有两个概念:1是精确到秒,2是精确到毫秒. 要操作时间戳和时间戳转换为时间一般对应的对象就是Date,而Date各种转换离不开SimpleDateFormat: 如果是要获取时间指定的年月日 ...
- 【java】RC4加密转16进制获取长度为40的不重复优惠码字符串 【未优化版本】
需求:需要一串给各机构独有的优惠码 间接需求:固定长度.不重复.没有规律可循 实现思想如下: 1.首先获取一个UUID 2.去除UUID中的“-” 3.小写转大写 4.获取一个固定长度字符串 5.按照 ...
- SilverLight-DataBinding:二、Bingding to a Collection Objects(绑定一个集合对象)
ylbtech-SilverLight-DataBinding: Bingding to a Collection Objects(绑定一个集合对象) 1.A, Building a Data Ob ...
- win10任务管理器开机老是自己打开
win10任务管理器开机老是自己打开 学习了:https://zhidao.baidu.com/question/332868722086816045.html 还没有注意过这个东西:系统失败-> ...
- 在windows下安装gulp[转]
一.准备工作 1.什么是 npm? npm 是 nodejs 的包管理工具,主要功能就是管理.更新.搜索.发布node的包.Gulp 就是通过 NPM 安装的.关于 NPM 中文介绍,这里有一篇非常不 ...
- vue2.0 + vux (六)NewsList 资讯页 及 NewsDetail 资讯详情页
设置代理,避免出现跨域问题 /*设置代理,避免出现跨域问题*/ proxyTable: { '/api':{ target: 'https://www.oschina.net/action/apiv2 ...
- 关于Swiper(概念)
Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话). 主要使用于移动端的网站.移动web apps,native apps和hybrid apps. ...
- 获取EF查询的SQL语句
在EF编程中我们能够通过lamda表达式能够进行查询数据.获取到IQueryable<T>结果,我们要想知道详细的SQL语句是什么须要使用ObjectQuery<T>进行处理 ...
- 我的vim插件列表
一.正在使用的插件 1. NERD tree 文件浏览 2. bufexplorer buffer 浏览 3. mru.vim 最近使用的文件浏览 4. ctrlp.vim 文件模糊搜索, ...