0

3 つのスライダーと 1 つのポップアップ ボックスを含む Web ページを作成しています。
私が使用したスライダーの場合jQuery.noConflict()、それは正常に機能しています。
しかし、ポップアップボックスの場合、私が使用している場合はjQuery.noConflict()機能しません。
使用していない場合jQuery.noConflict()、スライダーは機能しません。

ポップアップhtml 

<div id="popupContact">
  <a id="popupContactClose"><img src="close.gif" alt="close"/></a>
  <div id="contactArea"></div>
</div>
<div id="backgroundPopup"></div>

ポップアップjquery

var popupStatus = 0;
function loadPopup(){
  if(popupStatus==0){
    $("#backgroundPopup").css({
        "opacity": "0.2"
    });
    $("#backgroundPopup").fadeIn("slow");
    $("#popupContact").fadeIn("slow");
    popupStatus = 1;
  }
}

function disablePopup(){
  if(popupStatus==1){
    $("#backgroundPopup").fadeOut("slow");
    $("#popupContact").fadeOut("slow");
    popupStatus = 0;
  }
}

function centerPopup(){
  var windowWidth = document.documentElement.clientWidth;
  var windowHeight = document.documentElement.clientHeight;
  var popupHeight = $("#popupContact").height();
  var popupWidth = $("#popupContact").width();
  $("#popupContact").css({
    "position": "absolute",
    "top": windowHeight/2-popupHeight/2,
    "left": windowWidth/2-popupWidth/2
  });
  $("#backgroundPopup").css({
    "height": windowHeight
  });
}

var $rp = jQuery.noConflict();
$rp(document).ready(function(){ 
  $rp("#buttonpop").click(function(){
    centerPopup();
    loadPopup();
  });
  $rp("#popupContactClose").click(function(){
    disablePopup();
  });
  $rp("#backgroundPopup").click(function(){
    disablePopup();
  });
  $rp(document).keypress(function(e){
    if(e.keyCode==27 && popupStatus==1){
        disablePopup();
    }
 });
});

注: このポップアップ jquery は外部 jquery であり、私<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>も使用しています。

ありがとうございました。

4

1 に答える 1

2

を使用するjQuery.noConflict()と、jQuery が としてエイリアス化jQueryされなくなり$ます。ただし、ポップアップ コードはまだ使用しようとしています$。

を参照するか、 を参照jQueryしないか$、コードをクロージャでラップし、クロージャ$内のローカル変数として参照します。つまり、

(function($) {
    //popup code here
})(jQuery);
于 2012-08-02T12:00:40.683 に答える