js中动态生成a标签并动态打开a标签中的链接
昨天在项目中遇到一个关于js动态创建一个然后append到标签上显示的问题,发现添加到标签上无法显示,代码如下:
展示图片
显示图片
上面这样的代码,当点击预览按钮的时候,发现并没有像我想像的那样页面弹出对话框并显示内容,原因是append的是一段静态的代码,并没有事件触发去执行这个代码,所以无法显示我们想要显示的资源文件。
经过对上面问题现象的分析,我们可以使用jquery的media插件来解决这个问题,这个插件可以在线预览一些文档个是的资源文件,例如:pdf,word等比较常用的文件格式资源。
下面是改进后的代码:
展示图片
显示图片
上面的代买可以完美的解决资源文件在页面动态显示问题。
完整的demo示例地址: http://download.csdn.net/detail/zhengyangzkr/9822029
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
