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】如何解决)的更多相关文章

  1. U-Learning 后端开发日志(建设中...)

    目录 U-Learning--基于泛在学习的教学系统 项目背景 技术栈 框架 中间件 插件 里程碑 CentOS 7搭建JAVA开发环境 接口参数校验(不使用hibernate-validator,规 ...

  2. [课程设计]任务进度条&开发日志目录

    任务进度条&开发日志目录 周期 时间 任务 Sprint One   11.14     ●  Scrum团队分工及明确任务1.0    Sprint One   11.15   ●  Scr ...

  3. .NET Core开发日志——Entity Framework与PostgreSQL

    Entity Framework在.NET Core中被命名为Entity Framework Core.虽然一般会用于对SQL Server数据库进行数据操作,但其实它还支持其它数据库,这里就以Po ...

  4. 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 重点: 实现多级子目录的压缩, ...

  5. 《Invert》开发日志05:终止

    今天终于看了久闻大名的<独立游戏大电影>,然后我就做了一个坑爹的决定:终止“Invert”项目的开发.没错,在还没正式开工之前,我就决定停掉这个项目,而且是永久终止.做这个决定并不是因为觉 ...

  6. NET-SNMP开发——日志输出

    NET-SNMP开发——日志输出 net-snmp的日志输出功能是很强大的,与日志输出相关函数声明在net-snmp-5.7.3\include\net-snmp\library\snmp_loggi ...

  7. 仿酷狗音乐播放器开发日志十九——CTreeNodeUI的bug修复二(附源码)

    转载请说明原出处,谢谢 今天本来打算把仿酷狗播放列表的子控件拖动插入功能做一下,但是仔细使用播放列表控件时发现了几个逻辑错误,由于我的播放 列表控件是基于CTreeViewUI和CTreeNodeUI ...

  8. Windows Phone 8初学者开发—第13部分:设置LongListSelector中磁贴的样式

    原文 Windows Phone 8初学者开发—第13部分:设置LongListSelector中磁贴的样式 第13部分:设置LongListSelector中磁贴的样式 原文地址: http://c ...

  9. Windows Phone开发(13):如何规范用户的输入行为

    原文:Windows Phone开发(13):如何规范用户的输入行为 很多时候,我们对用户的操作或输入做一定程度的限制,以避免发生不必要的异常或错误,因此,对一些特殊的类型,进行输入限制是很有必要的. ...

随机推荐

  1. HTML5 一些有用的 APIs

    Animation Timing Window.requestAnimationFrame(callback): 告诉浏览器希望执行一个动画,让浏览器在下一个动画帧安排一次网页重绘(类似于 setTi ...

  2. Engine中如何进行七参数投影转换?

    来自:http://zhihu.esrichina.com.cn/?/question/6858 解决办法]:首先创建自定义geotransformation,然后用IGeometry.Project ...

  3. 权重轮询调度算法(WeightedRound-RobinScheduling)-Java实现

    权重轮询调度算法(WeightedRound-RobinScheduling)-Java实现 import java.math.BigInteger; import java.util.ArrayLi ...

  4. 解决chrome浏览器us-yahoo.com搜索劫持

    一直用着greenchrome浏览器,结果有次之后,地址栏的默认搜索引擎用的bing,但是仍然会重定向到us-yahoo.com进行搜索,初起时以为是greenchrome插件作者的返利,类似2345 ...

  5. react 路由传参

    今天,我们要讨论的是react router中Link传值的三种表现形式.分别为通过通配符传参.query传参和state传参. ps:进入正题前,先说明一下,以下的所有内容都是在react-rout ...

  6. Odoo event

    使用流程 建立活动 发布到网站 在线销售 订单确认,付款确认 注册.出席     建立活动         设置门票         确认并发布到网站     进入编辑模式,即可在线编辑活动     ...

  7. C++11 并发指南二(std::thread 详解)(转)

    上一篇博客<C++11 并发指南一(C++11 多线程初探)>中只是提到了 std::thread 的基本用法,并给出了一个最简单的例子,本文将稍微详细地介绍 std::thread 的用 ...

  8. 使用react全家桶制作博客后台管理系统 网站PWA升级 移动端常见问题处理 循序渐进学.Net Core Web Api开发系列【4】:前端访问WebApi [Abp 源码分析]四、模块配置 [Abp 源码分析]三、依赖注入

    使用react全家桶制作博客后台管理系统   前面的话 笔者在做一个完整的博客上线项目,包括前台.后台.后端接口和服务器配置.本文将详细介绍使用react全家桶制作的博客后台管理系统 概述 该项目是基 ...

  9. 华为P7电信4G版刷机包 EMUI2.3 官方B125 第3版 精简 ROOT

    ROM介绍 基于底包至 B125 SP03解包制作 增加自己订制的超美丽EMUI 2.3专用的全局主题 自调刷机脚本,全部权限完美百分百与官方原版相贴合. 加入Root权限并使用SuperSU 2.0 ...

  10. do export method of oracle all database tables with dmp files.

    usually we need to export the database tables to backup and others use. So we must know what to do e ...