模态框里面的多个input的click时对应再添加一个模态框,不会弹框

模态框里面的多个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>

<script type="text/javascript"> jQuery(function(){ $('#doc-prompt-toggle').click(function() { $('#my-prompt').on('open.modal.amui', function() { jQuery("#startTimea").click(function(){ alert("aaaa"); $('#hour_dig').modal({ relatedTarget: this, closeViaDimmer: 0, width: 480, onConfirm: function(e) { }, onCancel: function(e) { } }); }); jQuery("#startTimeb").click(function(){ $('#minute_dig').modal({ relatedTarget: this, closeViaDimmer: 0, width: 480, onConfirm: function(e) { }, onCancel: function(e) { } }); }); }); $('#my-prompt').modal({ relatedTarget: this, onConfirm: function(e) { }, onCancel: function(e) { } }); }); }); </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>

阅读 4.5k
1 个回答

请把代码放在<>中

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题