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 加载div显示在中心

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

参考http://webvikas.net.in/savarkar/divincenter.html 加载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。以上内容将使所有内容保持在同一范围内。

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

1 个答案: