返回
解决easyui不加载js问题

解决easyui不加载js问题

ID：9943638

大小：151.50 KB

页数：9页

时间：2018-05-16

解决easyui不加载js问题_第1页
解决easyui不加载js问题_第2页
解决easyui不加载js问题_第3页
解决easyui不加载js问题_第4页
解决easyui不加载js问题_第5页
资源描述：

《解决easyui不加载js问题》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、一直以来群里里面很多人反应，在用tab加载界面的时候，界面里面的js不会执行。今天GodSon在此说明一下原因。不管是window，dailog还是tab其实质最终都是继承了panel。panel有两种方式展示内容。第一是直接硬编码写到出来。第二是通过href属性，加载外部html片段。在这里就就设计到了一个html片段的概念。这个概念在easyui的整体架构中，是一个很重要的概念，因为很多人没弄明白，所以从中引发出了很多问题。我举个例子来说明html片段。大家都知道html的标准结构是: 123    这是完整的html结构</tit</p><p>2、le>4    <script></script>5</head>6<body>7<div>内容</div>8</body>9</html> 一般我们写html代码都应该遵循此此结构。而所谓的html片段就是上面完整结构中的内容部分。 1<div>内容</div>虽然我们也会建立一个文件如b.html来保存html片段，但是在这个b.html中我们只需要编写<body>里面的内容不需要在把html的标准结构写出来。 好了了解html片段的概念，就来说下我在使用个easyui的过程会大量出现的html片段。其实在使用easyui中你没嵌入iframe的话，除了index界面会</p><p>3、有完整的html结构，其他的所有界面都以html片段的形式存在。就那tab来说，首先在界面上定义一个tabs 01<html>02<head>03<title>tab测试界面04050607    

08    

4、itle="Title2" style="padding:10px;">Content2

09    Content3
10
1112看到上面片段的title=”Title1“处我定义了一个tab其中使用了href属性，就表明改此处是要从外部加载一个html片段来显示tab的内容。下面是我定义的tabs_href_test.html的内容 1

5、script>23

我是外部加载的html片段

test.js的内容： 1alert("我是外部界面导入的js");在此肯定会有很多人告诉我，我是这样写的，但是我的js根本就不执行。其实不然，我看到过很多要我解决类是问题的人，发给我看的代码。假如tabs_href_test.html是他们引入的外部界面，都会是如下这样的一个完整的结构  010203

6、html;charset=UTF-8">04Tabs-jQueryEasyUIDemo05  06  070809  

我是外部加载的html片段

1011他们都会问他们的js为什么不会执行。其实问题就在这里tabs_href_test.html界面最终其实是jq通过ajax

7、请求过来内容，在append到目标区域。而通过ajax请求方法的responseText又只会抓去完整html片段中里面的内容。正好他们把他们的js写在了body外面所以导致js没执行。这确的写法是在引入的界面当中不要出现三个标签。因为这只是一个片段，你加载这一个片段只是为了动态嵌入到主界面当中某一个部分显示出来，不是一个完整的页面。最后总结如果你应该用了easyui中加载外部界面的组件，例如：panel,window，dailog,tabs等。请确保你引入的界面是一

当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。