jquery - 冲突 fadeslideshow.js 和 Jquery 在中心显示 DIV

Question

我正在使用脚本（如下所示）将 DIV 居中，它工作正常。

 <script language="javascript">
    $(document).ready(function(){
       jQuery.fn.center = function () {
      this.css("position","absolute");
      this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
      this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
      return this;
      }
      $("#loading").center();
    });
    </script>

参考链接 http://webvikas.net.in/savarkar/divincenter1.html Loading div 显示在中心

但是，当我在此页面中使用 fadeslideshow.js

参考http://webvikas.net.in/savarkar/divincenter.html Loading div 不显示在中心

如何解决这个问题？请帮忙

用于使 div 居中的脚本

Answer 1

您正在加载 jQuery 两次，但我不确定这是否是真正的问题。试试这个。

$(document).ready(function($){
    $.fn.center = function () {
        this.css("position","absolute");
        this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
        this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
        return this;
    }
    $("#loading").center();
});

问题是 fadeslideshow.js 正在调用 $.noConflict，它只适用于 jQuery 的第二个版本。以上将保持所有内容都在同一范围内。