模态框里面的多个input的click时对应再添加一个模态框,外层模态框首次弹出时,里面的模态框会正常弹出,当第二次外层模态狂弹出时,里面第一个input的模态框连续弹出两次,其他的input不再弹出,第三次时,里面第一个input的模态框连续弹出三次次,其他的input不再弹出,怎么解决呢
<!doctype html>
<html class="no-js">
<head>
<title>添加设备自定义</title>
<link rel="icon" type="image/png" href="/assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="/assets/i/app-icon72x72@2x.png">
<link rel="stylesheet" href="/assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="/assets/css/admin.css">
<link rel="stylesheet" href="/assets/css/jquery.nstSlider.css">
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/app.js"></script>
<script src="/assets/js/jquery.nstSlider.js"></script>
<script src="/assets/js/amazeui.min.js"></script>
</head>
<body>
<header class="am-topbar am-topbar-inverse admin-header" id="banner">
</header>
添加模板 <button id="doc-prompt-toggle" class="am-btn am-btn-default am-btn-xs am-hide-sm-only"> 添加</button>打开时间: <input type="text" id="startTimea" maxlength="32"> : <input type="text" id="startTimeb" maxlength="32"> 取消 确认 小时选择 取消 确认 <script type="text/javascript"> $('#nstSlider1').nstSlider({ "left_grip_selector": "#leftGrip1", "value_changed_callback": function(cause, leftValue, rightValue) { $(this).parent().find('#leftLabel1').text("小时:"+leftValue); jQuery("#startTimea").val(leftValue); } }); $('#nstSlider2').nstSlider({ "left_grip_selector": "#leftGrip2", "value_changed_callback": function(cause, leftValue, rightValue) { $(this).parent().find('#leftLabel2').text("分钟:"+leftValue); jQuery("#startTimeb").val(leftValue); } }); </script>
</body>
</html>
请把代码放在<>中