2 baidu 26873067 baidu_26873067 于 2016.04.21 14:51 提问

使用jquery easyui动态加载一个html片段到一个div标签中,详细见正文

使用jquery easyui动态加载一个html片段到一个div标签中,html片段中有js代码,为什么加载过来后js代码无效了? 代码如下:
这个是html片段:

 <div id="remoteUploadTable" style="padding: 10px 0 10px 5px;display: none">
    <table id="remoteUploadDatagrid" class="easyui-datagrid" style="width:450px;height:100px" data-options="
                striped:true,
                rownumbers:true,
                singleSelect:true,
                pagination:true,
                pageSize:10,
                pageList: [5,10]">
        <thead>
            <tr>
                <th field="no" width="100" align="center">序号</th>
                <th field="pro_id" width="100" align="center">项目ID</th>
                <th field="filetype" width="100" align="center">文件类型</th>
                <th field="filename" width="100" align="center">文件名称</th>
            </tr>
        </thead>
    </table>
</div>
<script type="text/javascript">
// 期望调用该方法显示table
function search(){
    $("#remoteUploadTable").show();
}
</script>
下面是加载数据代码:
$.get(basePath + 'uploadBundleIndex',function(data){
                        $("#etabs").tabs('getSelected').html(data);
                        $.parser.parse('#localupload');
}
将数据加载到下面的  本地上传  的div中
<div id="etabs" class="easyui-tabs" data-options="fit:true">
        <div id="localupload" title="本地上传" style="padding:10px"></div>
        <div id="remoteupload" title="远程加载" style="padding:10px"></div>
    </div>

    现象就是:加载过来后,调用search()方法时表格不显示!

    请问是怎么回事?求解答。感谢!!!

3个回答

showbo
showbo   Ds   Rxr 2016.04.22 08:56
已采纳
 $("#etabs").tabs('getSelected').html(data);
$('#remoteUploadDatagrid').datagrid({});//调用api始化
baidu_26873067
baidu_26873067   2016.04.21 15:02

我靠,我贴过来的代码怎么变成这样了?。。。

baidu_26873067
baidu_26873067   2016.04.21 15:13

有人能解答下吗?万分感谢 本人小白 不是很懂

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
load()方法---------jQuery动态加载html
jquery代码$("#div").load("test.html");   test.html   ----------------被加载页面(有等的完整页面 )$("#div")所在页面----------------------------容器页面(也是完整页面)1、被加载页面      可以使用     自己页面的CSS样式 2、被加载页面      可以使用     容器页面的CSS样式
jquery加载HTML片段
一直以来群里里面很多人反应,在用tab加载界面的时候,界面里面的js不会执行。今天GodSon在此说明一下原因。 不管是window,dailog还是tab其实质最终都是继承了panel。panel有两种方式展示内容。第一是直接硬编码写到出来。第二是通过href属性,加载外部html片段。在这里就就设计到了一个html片段的概念。这个概念在easyui的整体架构中,是一个很重要的概念,因为很
JS+jQuery+Easyui实现动态添加控件及赋值
背景:某天阳光明媚的午后,和小伙伴们完一个游戏,在一个黑箱中放了红橙黄绿青蓝紫七种颜色的球,我让几名玩游戏的小伙伴分别从黑箱里抓球,并且统计他们都抓了哪种颜色的球。。最后的结果是,有抓的多,有抓的少,抓到的颜色也不一样。   那么问题来了!!   如果让你做一个统计软件怎么记录小伙伴的都抓 了几个球并且什么颜色的球?   以下是asp代码: Index
easyui 加载 html 片段 js不执行解决方法
当动态添加tab是用href加载一个html片段,这个只是个片段不包含等元素,只包含一个和一个;加载完后就是不执行脚本;后来 发现是jquery $和其他的框架的$有冲突;于是用(function($){......}(jQuery));就可以了;
Jquery load()方法加载html片段
在上一个案例中用的ajax加载html片段实现导航的切换,这次的这个案例用同样的方法却不是很好实现。 案例:在一个导航栏中,实现点击导航出现不同的选择区域,而且每个页面都有下拉分页异步刷新的效果。如图:                  图1       图2                   图3 图4 上图中,图2和图4都有下拉分页异步刷新的效果,也就是只要有
拼接html片段的快捷方式
之前一直用 "" + "" 这种方式来拼接一个很长的字符串 或者 HTML 代码, 太累了. 那有没有什么好的方法了, 起码敲起代码起来不会感觉到厌烦, 于是我总结了2种比较舒服的方法, 望大家采纳. 第一种方法: 采用数组的方式. 最后利用join('')连接起来. 直接上代码. Js script> var lang = { u
easyUI通过JS在Dialog中显示HTML页面
JS为: var Dialog = { // 打开一个模态框 /** * 打开一个dialog窗口 * @param width 宽度 * @param height 高度 * @param title dialog标题 * @param url 需要打开的页面url * @param id 页面div的id ...
AngularJS中插入HTML片段
HTML 先使用 $sce.trustAsHtml(html_in_string) 将标记为信任,然后使用 data-ng-bind-html="html_in_string" 取消转义即可。 js .controller('ModalWithSelectCtrl', function($scope,$sce) { $scope.modalBody=$sce.trustA
jQuery怎么加载一个html页面到我指定的div里面
转自:http://zhidao.baidu.com/link?url=XejZX4mmprFG6fqoQeJYwWHknLQdltiTBLWJs3bHepmkV7_DZeF4TmCcGMKB4O5MyPKvHDdxpRdpOgnpZVj4n_
ajax异步加载html片段
案例:在一个导航栏中,实现点击导航出现不同的选择区域,如图:         比较容易想到的是将右边的内容放在一个div里面,然后左边的每个li点击的时候,右边相应的div显示出来,而其他的div隐藏,这样就要在一个页面里面设置多个div,然后控制div的显示和隐藏。 这里我觉得用ajax异步加载html片段也是一个可行的方法,把右边的div提取出来写成页面片段,然后用ajax异步去获取相应