脚本标记混淆了我的网站

Question

正如标题所描述的那样，我无法理解为什么，在页面底部添加这一行

<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>

我的网站搞砸了。

我文件末尾的代码是

    </div><!-- /.center -->

    <!-- add new calendar event modal -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.min.js" type="text/javascript"></script>


    <!-- Bootstrap WYSIHTML5 -->
    <script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>

    <!-- AdminLTE App -->
    <script src="js/AdminLTE/app.js" type="text/javascript"></script>

    <!-- here --><script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>

    <!-- Usename Availability -->

并添加上面的行，正好在

之下

<!--AdminLTE App-->

我的网站更改了高度，它变得更短，如下图所示。任何帮助将不胜感激。

Answer 1

为什么要放2个jquery文件？

您已经拥有jquery版本2.1.1

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

然后你想要一个较旧的jquery版本1.2.6。这可能搞砸了。由于您将1.2.6版本放在最底层，因此它将用于呈现您的页面而不是2.1.1版本。

您是否尝试过不在底部附加此1.2.6版本？它运作正常吗？如果是，则表示旧版本不支持您尝试使用的元素。

为了回应您关于脚本实时用户名验证的评论，除非包含1.2.6，否则似乎就是这种情况......但是，在您的用户名可用之前，您不能使用冲突jquery部分如此：

<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script> var jq126 = jQuery.noConflict(); </script>

<!-- Usename Availability -->
    <script type="text/javascript">
    <!--

    pic1 = new Image(16, 16); 
    pic1.src = "loader.gif";

    $(document).ready(function(){

    $("#username").change(function() { 

    var usr = $("#username").val();