Question

你好，我有一个问题，我一直试图解决有关我的网站上的JavaScript的几天。我同时使用jqueryui和bootstrap但由于某种原因我无法调用两个库中存在的任何函数。它最初是在我开始开发网站时工作但突然停止工作。我使用firebug并且在加载时我的页面上没有检测到任何javascript或网络错误，除非我尝试从其中一个库中调用函数。例如：

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

上面的代码现在用于页面加载时我得到“datepicker不是函数”。我不知道造成这个问题的原因。我首先假设它可能是由于我的网站中的一些冲突的javascript文件，但我拿出除了两个库（jquery，jqueryui）之外的所有.js文件，但它仍然无效。

这是我的标题的样子：

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <link rel="shortcut icon" href="" />
    <title>***</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet" />

    <!-- Custom styles for this template -->
    <link href="css/template.css" rel="stylesheet" />

    <link href="css/blitzer/jquery-ui-1.10.4.custom.css" rel="stylesheet" />

    <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
    <script type="text/javascipt" src="js/jquery-ui-1.10.4.custom.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

这就是我的页脚的样子：

<script type="text/javascipt" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/unslider.min.js"></script>
<script type="text/javascript" src="js/global.js"></script>
<?php
    foreach ($enqueue as $js) {
        echo "<script type='text/javascript' src='js/" . $js . "'></script>";
    }
?>
<script type="text/javascript">
    $(document).ready(function() {
        $("#btnSearch").click(function() {
            var p = $(".search-field").val();
            window.location.href = "index.php?page=search&p=" + p;
        });
    });
</script>
</body>

</html>

这是我的firebug控制台的屏幕截图： enter image description here

我有这个问题不仅仅是使用datepicker功能。我遇到了与我的bootstrap.min.js相同的问题，我无法理解为什么所以我真的希望得到一些帮助。我在本地主机和在线服务器上也在firefox，chrome和opera中遇到过这个问题。

Jquery / Bootstrap无法正常工作

0 个答案: