jquery - 未捕获的类型错误：无法调用 null 的方法“datepicker”

Question

内联 JavaScript。这应该是一个js 冲突问题，因为所有 javascripts 如果单独工作。 源页面

$(function () {
    $("input.datepicker").datepicker({
        minDate: "today",
        dateFormat: 'dd/mm/yy'
    });
});

$(document).ready(function () {
    $("input#leaving ").change(function () {
        var d = j$(this).val();
        if (d) $("input#arriving ").datepicker("option ", "minDate ", d);
    });
});

Answer 1

jQuery 包含两次：

首先在源代码的第 36 行：

36: <script type='text/javascript' src='http://www.rentbudapestapartments.com/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>

源代码中第 58 行的第二个：

58: <script  type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>

第二个可能来自您从 WordPress 借来的或自动的模板。如果您可以控制它，我会在第 36 行删除第一个。

也在这条线上

var d = j$(this).val();

什么是j$？应该是这样的$(this).val()

Answer 2

感谢您提供有关两次调用脚本的意见。这可能会导致问题。我通过重命名 $ 变量来解决这个 cas以避免 js 冲突。

<script>
var abc = $;
$(function() {
abc("input.datepicker").datepicker({minDate:"today", dateFormat: 'dd/mm/yy'});
});
</script>
<script type="text/javascript">
var abc = $;
$(document).ready(function()
{
abc("input#leaving").change(function()
{
var d = abc(this).val();
if(d)abc("input#arriving").datepicker("option","minDate",d);
}
);
});
</script>

这对我有用！