javascript与我的datepicker和bootstrap冲突

时间:2016-06-12 03:35:21

标签: javascript jquery datepicker

我的网页上有这些代码:

    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
      $(function () {
          $("#datepicker").datepicker();
      });
  </script>

我的文本框工作得非常好。但是因为我的标题有一个下拉功能:

我需要这些线来使它们起作用:

<%--<script type="text/javascript" src='<%= Page.ResolveUrl("~/js/jquery-1.11.3.min.js") %>'></script>
<script type="text/javascript" src='<%= Page.ResolveUrl("~/js/bootstrap.min.js") %>'></script>--%>

当我尝试粘贴它们时,标题下拉列表正在运行,但问题现在是我的datepicker。有什么窍门吗?

答案:通过将pageresolve url粘贴到顶部来使其工作。

更新问题:可能导致此问题的原因是什么?

1 个答案:

答案 0 :(得分:0)

你包括jQuery.js两次。第二个版本是在datepicker插件扩展原始jQuery对象并将其擦除之后加载的。

您可能会看到错误datepicker is not a function或类似错误。你没有提到抛出的错误,这总是首先要寻找

在所有相关插件和代码之前只包含jQuery.js。