起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1460|回复: 3

[处理中3] 页面跳转后 Bootstrap 模态框无法触发

[复制链接]

4

主题

9

帖子

115

积分

初级会员

Rank: 2

积分
115
QQ
发表于 2018-10-7 09:57:37 | 显示全部楼层 |阅读模式
首次进入页面 导航栏下拉框 以及modal弹框均能正常使用。
使用windowDailog 跳转页面后,Bootstrap的导航栏下拉框点击无效。
导航栏代码如下:
<nav class="navbar navbar-static-top" role="navigation">
                    <div class="navbar-header">
                        <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
                            <i class="fa fa-reorder"></i>
                        </button>
                       <img id="jupyter-nav-logo" class="navbar-logo" src="$UI/Novartis/images/novartis-logo.svg" alt="Novatis logo" style="width:130px;height:50px;"></img>
                    </div>
                    <div class="navbar-collapse collapse" id="navbar">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="navbutton">
                                <a role="button" xid="main" bind-click="mainClick">首页</a>
                            </li>
                            <li class="navbutton">
                                <a role="button" xid="inslist" bind-click="inslistClick">商品列表 </a>
                            </li>
                            <li class="navbutton">
                                <a role="button" xid="flowlist" bind-click="flowlistClick">明细列表 </a>
                            </li>
                            <li class="dropdown">
                                <a  role="button" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> 岗位名称 <span class="caret"></span></a>
                                <ul role="menu" class="dropdown-menu abc">
                                    <li><a data-toggle="modal" data-target="#userInfo">修改密码</a>
                                    </li>
                                    <li><a>系统设置</a>
                                    </li>
                                    <li><a xid="backIndex" bind-click="backIndexClick">退出系统</a>
                                    </li>
                                 
                                </ul>
                            </li>

                        </ul>
                    </div>
                </nav>
modal弹框无法正常弹出。
模态框弹出方法:
data-toggle="modal" data-target="#userInfo"
前端后台无报错信息。
发表于 2018-10-9 15:10:17 | 显示全部楼层
浏览器F12调试下  windowDialog 弹出前后,对比下  , 运行时的源码有何差异
如果不行,那建议换一种方式实现吧!
比如不使用windowDialog 跳转(Shell.showPage跳转)
或者不使用modal弹框
换用其他方式实现,比如popMenu
/UI2/system/components/justep/popMenu/demo/popMenu.w
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

4

主题

9

帖子

115

积分

初级会员

Rank: 2

积分
115
QQ
 楼主| 发表于 2018-10-9 16:06:51 | 显示全部楼层
本帖最后由 QlikView 于 2018-10-9 16:08 编辑

谢谢楼上,照你的方法试了一下,用这个方式解决了 window.location.href="./xxxx.w";后问题不再出现。可以结贴,谢谢!
回复 支持 反对

使用道具 举报

发表于 2018-10-9 16:37:35 | 显示全部楼层
QlikView 发表于 2018-10-9 16:06
谢谢楼上,照你的方法试了一下,用这个方式解决了 window.location.href="./xxxx.w";后问题不再出现。可以 ...

单页应用,除了主页之外,不建议使用重定向打开其他页面的!  
否则性能会大打折扣的,


qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-5 12:53 , Processed in 0.065070 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表