jQuery UI数据选取器在非语义响应网格容器中不起作用
提问于 2014-05-15 00:05:50
我正在为一个分配使用Unsemantic，并且需要有一个datepicker来设置约会。到目前为止，我已经经历了相当多的故障排除，并试图找到我的代码中的问题，当我使用相同的jQuery代码设置一个虚拟页面时，当它工作正常时，我无法在我的站点中使用datepicker。现在我有了页面设置，但我有两个日期选择器-一个在主网格容器内，另一个在外部。我在网格容器div外部设置的datepicker运行得很好，但是当我的内部有一个datepicker时，它就不能工作了，而且是一个简单的文本框。我的代码如下(为了更清楚起见，我排除了几个元素)：
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
<div class="grid-container">
<p>Date: <input type="text" id="datepicker"></p>
</div>
<!--<script src="./assets/javascripts/jquery.js"></script>-->
<script src="./assets/javascripts/demo.js"></script>
</body>
</html>jquery.js被注释掉的原因是，由于某些原因，即使日期选择器在网格容器之外，它也会阻止日期选择器工作。这都是非语义性的，所以我使用unsemantic的js和css文件，没有修改它们的网格容器代码，并且在css文件中，我看不到任何东西会使网格容器中的jQuery无效。如果有人能告诉我为什么/如何datepicker在网格容器中不能工作，或者jquery.js是否有一些额外的问题需要解决，请告诉我。
回答 1
Stack Overflow用户
发布于 2014-05-15 00:17:01
您在同一页面中使用了id "datepicker“两次。我将第二个条目更改为"datepicker2“，并在jQuery函数中添加了另一个条目，它可以正常工作。
<script>
$(function() {
$( "#datepicker" ).datepicker();
$( "#datepicker2" ).datepicker();
});
</script>然后..。
<div class="grid-container">
<p>Date: <input type="text" id="datepicker2"></p>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23667177
复制相关文章
点击加载更多
腾讯云开发者
