函数不适用于PHP中的多个jQuery文件

时间:2013-12-24 10:01:52

标签: javascript jquery

这是我第一次使用具有不同功能的多个jQuery文件。但不幸的是,这是一个问题。这是我的代码:

<head>
    <script src="js/jquery-1.10.2.min.js"></script>
    <link href="styles/glDatePicker.default.css" rel="stylesheet" type="text/css">
    <script src="js/glDatePicker.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.txt').glDatePicker({
                dateFormat: 'yy-mm-dd'
            });
        });
    </script>

此代码正在运行,因为日历正在显示,但是当我包含此其他jQuery文件时,上述功能将不再起作用。但只是警告“确定”消息。

<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.form.js"></script>
<script type="text/javascript">
    function myPhoto() {
        alert('ok');
    }
</script>

如果我删除它:

<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.form.js"></script>

第一个功能的代码有效但第二个功能没有。我怎样才能让两者都起作用?

1 个答案:

答案 0 :(得分:0)

我建议您将所有js文件包含在头部中,如下所示:

<head>
    <script type="text/javascript" src="scripts/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.form.js"></script>
    <link href="styles/glDatePicker.default.css" rel="stylesheet" type="text/css">
    <script src="js/glDatePicker.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.txt').glDatePicker({
                dateFormat: 'yy-mm-dd'
            });
        });
    </script>

我认为不需要此行<script src="js/jquery-1.10.2.min.js"></script>,因此请尝试将其删除,就像我上面所做的那样;)