当前位置： 移动技术网 > IT编程>网页制作>Html5 > jquery model 框设定

jquery model 框设定

2019年09月24日  | 移动技术网IT编程  | 我要评论

js

function searchiteminfo(conditionno,lotcd,itemkey) {

var conditionnos=conditionno+":"+itemkey;

$('#h5').html('<spring:message code="w030100040"></spring:message>');

//这里需要跳转响应的页面 写在controller

$('#detailmodel iframe').attr("src",

"${pagecontext.request.contextpath}/w04053iteminformations/initsearch?conditionno="+conditionnos+"&lotcd="+lotcd);

$('#detailmodel').modal('show');

}

<body>

<a onclick="searchiteminfo('${item.conditionno}','${item.lotcd}','${item.itemkey}');">

modol 页面

<!-- iframe?-->

<div class="modal fade" id="detailmodel" tabindex="-1" role="dialog" aria-labelledby="picseleclmodallabel" aria-hidden="true" data-backdrop="static">

　　　　    <div class="modal-dialog" style="width :65%;"> <div class="modal-content">

　　　　　　　　<div class="modal-header">

　　　　　　　 　<button type="button" class="close"

                                  data-dismiss="modal" aria-hidden="true">&times;</button>

　　　　　　　　　　<h4 class="modal-title" id="h5"></h4> </div> <div class="modal-body">

　　　　　　　　　　<iframe name="iframe" src="" frameborder="0" style="height:200px;width :80%;">

　　　　　　　　　　</iframe> 　　

　　　　　　　　　　</div>

　　　　　　　　</div>

　　　　　　</div>

　　　　</div>

</body>

参考样式

 

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网