1
我正在开发一个需要在表单中输入日期的Chrome扩展。表单正在弹出窗口中显示。现在,无论何时点击日历,整个弹出窗口都会关闭,而不仅仅是日历。什么是防止它的最好方法? 这里是我的文件快照:Chrome扩展中的日历弹出窗口的问题
的manifest.json
{
"manifest_version": 2,
"name": "Extension Example",
"version": "0.2",
"background": {
"persistent": false
},
"browser_action": {
"default_icon": "icon.png",
"default_popup": "index.html"
},
"permissions": [
"tabs",
"http://*/*",
"https://*/*"
]
}
的index.html
<!doctype html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>Extension Sample</title>
<!-- Bootstrap itself -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles -->
<link rel="stylesheet" href="css/style.css">
<!-- Fonts -->
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
<body class="theme">
<!-- Main (Home) section -->
<div>
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-10 col-md-offset-1 col-lg-offset-1 text-center">
<h3 class="tagline">Sample</h3>
<div>
<form method="POST">
<div class="row col-sm-8 col-sm-offset-2">
<input class="form-control" type="text">
<input class="form-control" type="date">
<input class="form-control" type="time">
<input class="form-control" type="email">
<br>
<input class="form-control submit" type="submit" value="Submit">
</div>
</form>
</div>
</div> <!-- /col -->
</div> <!-- /row -->
</div>
</div>
<script src="libs/jquery.1.7.0.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="popup.js"></script>
</body>
听起来像你的问题是http://stackoverflow.com/a/4148839/2336725 – Teepeemm 2014-10-01 00:48:35
@Teepeemm的副本,当我们与其区域外的浏览器交互时,弹出式窗口会关闭。这个动作似乎是合乎逻辑的,但在我的情况下,即使点击它,弹出窗口也会关闭。 – gsrivast 2014-10-01 03:50:05
如果您打开弹出式控制台,弹出窗口是否保持打开状态?这似乎表明这是同样的问题。 – Teepeemm 2014-10-01 14:17:06