2 jjxbsh JJXBSH 于 2017.09.20 10:31 提问

easyUI tab.panel({href:''}) 加载页面 js无法触发问题

要在 TabT 加入一个动态加载的页面 但是 content.jsp中的js 无法加载

 var tab = $("#TabT").tabs('getSelected'); 
                        var num = tab.panel('options').attributes.TableNumber;
                        tab.panel({
                            href:'<%=basePath%>jsp/dataQuery/content.jsp?id='+pid+'&num='+num,
                            });
content.jsp的页面代码

        <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib uri="/WEB-INF/taglib.tld" prefix="view"%>
<view:checkLogon />
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
    String id = request.getParameter("id");
    String num = request.getParameter("num");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>图片加载页</title>
<script type="text/javascript" src="<%=basePath%>js/jQuery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jQuery/jquery.cookie.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jqueryEasyUI/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jqueryEasyUI/easyui-lang-zh_CN.js"></script>
<link href="<%=basePath%>js/jqueryEasyUI/themes/gray/easyui.css" type="text/css" rel ="stylesheet">
<link href="<%=basePath%>css/cssreset-min.css" type="text/css" rel="stylesheet" />
<link href="<%=basePath%>css/style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<script type="text/javascript">
 window.onload=function(){
    var id=(“<%=id%>”);
    var num=(“<%=num%>”);
    alert("此处断查看是否拿到信息")
    $.ajax({
        url: '<%=basePath %>fdirms/downFtp',
        type : 'post', //数据发送方式
        data:{
            'num' : num,
             'id' : id
             },
        async : false,
        success:function(data){
            for(i=0;i<data.length;i++){
            $("image").append("<dl style='margin-left:58.8333px'> <dt><img src='<%=basePath %>fdirms/showImage?id='"+data[i].ID +"'></dt><dd><a href=''>"+data[i].eFileName+"</a></dd></dl>" );
            }
        }
    });
}


</script>
    <div id="photo_box">
        <div class="photo_list"  id="image">

                </div>  
        </div>      
</body>
</html>

如果在div中直接写内容是可以抓取到的 但是动态加载 js是没法触发

1个回答

showbo
showbo   Ds   Rxr 2017.09.20 10:49
已采纳

content.jsp这种去掉,要不从新加载jquery,easyui框架会导致当前页面被覆盖掉,导致一些已经生成的组件出错

就是当前页已经有的script,href制定的url地址去掉,当前页没有href中script的js文件,要从href中提取出来放到当前页,href指定的页面不要放js类库,可以放内嵌js代码的script


<script type="text/javascript" src="<%=basePath%>js/jQuery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jQuery/jquery.cookie.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jqueryEasyUI/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jqueryEasyUI/easyui-lang-zh_CN.js"></script>
<link href="<%=basePath%>js/jqueryEasyUI/themes/gray/easyui.css" type="text/css" rel ="stylesheet">
<link href="<%=basePath%>css/cssreset-min.css" type="text/css" rel="stylesheet" />
<link href="<%=basePath%>css/style.css" type="text/css" rel="stylesheet" />
JJXBSH
JJXBSH 这样还是没有解决。我调换js的位置 目前能够执行了<%=basePath %>fdirms/downFtp 此路径 但是image的路径仍然不能够执行
10 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
关于在easyui中添加tab的时候不能执行href页面中的js的说明
本文参考:http://www.jeasyuicn.com/post-49.html 问题是这样的:我今天在使用easy中的add tab的方法的时候我原先添加的是一个html完整的页面,但是当我add tab的时候,我发现js无法执行,但是当我直接访问这个jsp的时候里面的js是可以执行的,这个时候上网找了一下,发现在easyUI中 不管是window,dailog还是tab其实质最终都是继
关于easyui加载子页面无法加载js问题
最近在使用easyui的时候遇到了一个问题,就是在使用easyui中的tabs的时候,使用href加载子页面时,无法加载子页面中的js,子页面单独加载是没有问题的。解决方法:使用tabs的content,用<iframe>来加载子页面。content : '<iframe frameborder="0" style="width:100%;height:100%" src="'+url+'"></
EasyUI 关于 panel,window,dialog 通过href加载页面,页面中引用的js不执行的解决方案
href 指向的页面不能是完整的html页面,需要是不包含html,body,head标签的html片段, 如 > 因为代码实现是将获取的html片段append到body中的,因此如同以下完整的html代码是不行的,根本不会加载head中的link和script. >
关于easyui通过href引入外部jsp页面js不执行的说明
前段时间 ,在用tab加载界面的时候,界面里面的js不会执行。今天GodSon在此说明一下原因。
Easyui添加tab时以href形式载入页面 未执行js脚本问题解决
这几天在搭建基于SSH框架和Easyui技术的小网站,后台搭建不太难,前端页面也很简单。格式主要是左边导航栏一排,点击其中的菜单在右边tabs空间中添加一个tab,以href方式加载已经写好的jsp页面。原本是希望在加载完页面后,同时执行页面中的js脚本,比如给页面中的元素添加事件以及控件动态添加服务器端请求的数据,但是试了很多次感觉页面的脚本都没能执行,纳闷了很久。后来在网上看了一篇文章说hre
Easyui tab panel loading效果
写在之前,当采用content方式加载tab panel内容时,不会像herf方式加载似得框架自有loading效果。所以就需要我们自己增加loading效果了。 解决思路非常简单:页面内容加载时隐藏页面内容显示loading,页面内容加载完毕显示页面内容隐藏loading。 代码如下: /**  *  定义addTab函数  */ function addTab(title, u
关于easyui在使用tab组件创建选项卡时href方式载入页面遇到的问题
总所周知的easyui的tab组件在创建选项卡的时候,动态的加载内容有两种方式,即content和href。使用content的时候一般都是使用iframe的方式嵌入一个页面,适用于小型项目,也易于它人去查看你的源代码,不利于代码保护,这种方式使用简单,一般不会出现什么问题。在使用href方式的时候,却有不少的问题需要注意.       例如如下:有两个html页面,tab.htm为tab选
easyui的窗口和tab页面不执行js说明
如果你应该用了easyui中加载外部界面的组件,例如:panel,window,dailog,tabs等。请确保你引入的界面是一个html片段。html片段正确的写法再次提醒不要出现三个标签
EasyUi的tab组件href属性链接的页面JS代码无法执行
1.jQueryEasyUi的一个BUG解决办法    $('#center_tab').tabs( 'add',{                title:node.text,              //href:"datagrid.html",框架BUG,解决办法是将Url放在content里面              closable: true      }); 
easyui 加载 html 片段 js不执行解决方法
当动态添加tab是用href加载一个html片段,这个只是个片段不包含等元素,只包含一个和一个;加载完后就是不执行脚本;后来 发现是jquery $和其他的框架的$有冲突;于是用(function($){......}(jQuery));就可以了;