Question

我一直在拔头发

我需要两个插件一起工作

下面是我的代码被剥离了

            <script type="text/javascript" src="http://digitarald.de/js/mootools-1.2-core-nc.js"></script>
            <script type="text/javascript" src="http://digitarald.de//project/autocompleter/1-1/source/Observer.js"></script>
            <script type="text/javascript" src="http://digitarald.de//project/autocompleter/1-1/source/Autocompleter.js"></script>
            <script type="text/javascript" src="http://digitarald.de//project/autocompleter/1-1/source/Autocompleter.Local.js"></script>
            <script type="text/javascript" src="includes/auto-city.js"></script>
            <script type="text/javascript" src="includes/jquery.min.js"></script>
            <script type="text/javascript" src="includes/datepicker.jquery.min.js"></script>
            </head>

            <body>
            <br />

                            <form action="">
                                    <input type="text" id="ap-city" value="From" size="16" class="text" />
                            </form>

            <br />

                            <form action="">
                                <input class="datepicker" type="hidden" />
                            </form>

            </body>

            </html>

前五个脚本用于自动完成 - 底部两个脚本用于日历。我只能得到一个或另一个工作。有一些冲突，但我不知道如何使$ .noConflict（）：工作。

Answer 1

在主（不是libs）JavaScript文件中添加：

$.noConflict();
jQuery(document).ready(function($) {
  // Code that uses jQuery's $ can follow here.
});

Answer 2

使用命名空间。 See this for an example

jquery日历和mootools冲突

2 个答案: