基础网格与jQuery datepicker冲突?

时间:2012-11-27 00:33:47

标签: javascript jquery zurb-foundation

我有以下示例代码,如果我在jQuery脚本之前放置基础脚本,它可以正常工作,但如果我在jQuery之后放置基础脚本,则日历不会显示。

我想在jQuery之前或之后放置基础脚本(或其他jQuery依赖脚本)?

在基金会网站上,他们的示例建议在jQuery脚本之后放置基础脚本。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/foundation/3.2.2/javascripts/foundation.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $('#datepicker').datepicker();
    });
</script>

<div id="datepicker"></div>

1 个答案:

答案 0 :(得分:2)

按照this git issue的思考,我注意到foundation.min.js包含jQuery(1.8.2,而不是1.8.3),这两个版本可能存在冲突。如果您只是取出单独的jQuery会发生什么?

如果您绝对需要1.8.3,我会重建您的基础脚本以包含它而不是1.8.2