jquery漂亮照片衝突

Question

我提前appologise，如果我不正確地解釋這個問題，我正在主要學習C＃知識。我有3套jQuery代碼prettyPhoto，Nivo圖像滑塊和jQuery UI選項卡。我在同一頁面上使用prettyPhoto處理圖像和視頻。

我的Nivo圖像滑塊和我的UI標籤都可以正常工作，但是我不能爲了我的生活，讓prettyPhoto工作。我已經拖網論壇等，並試圖，

1）這可能是因爲我使用多個庫，因此我切換到只使用jQuery庫（我現在在哪裏）。

2）我也試過使用jquery.noConflict（）;以幾種不同的方式編碼，但沒有運氣。

目前我認爲這可能是由於使用jQuery的多個版本，但說實話，它是如何解決它的一點點我的頭。我的代碼如下，

在我的主頁法師的頭標籤，

<%--PretyBox (media viewer)--%> 
<script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"></script> 
<script type="text/javascript">var $jq161 = jQuery.noConflict();</script> 
<link href="Styles/prettyPhoto.css" rel="stylesheet" type="text/css" media="screen" /> 
<script src="Scripts/jquery.prettyPhoto.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $jq161(document).ready(function() { 
     $("a[rel^='prettyPhoto']").prettyPhoto(); // Select all links that contain prettyPhoto in the attribute rel 
     //$('a.prettyPhoto').prettyPhoto(); // Select all links with prettyPhoto class 
     //$('a').prettyPhoto(); // Select all links in the page 
     //$('#gallerythumbnails a').prettyPhoto(); // Select all links in object with gallery ID 
     //$('#gallerythumbnails a').width(400); 
    }); 
</script> 

<%--Nivo Image Slider--%> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript">var $jq142 = jQuery.noConflict();</script> 
<link href="Styles/nivo-slider.css" rel="stylesheet" type="text/css" media="screen" /> 
<script src="Scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $jq142(window).load(function() { 
     $('#slider').nivoSlider({ 
      pauseTime: 6000, // How long each slide will show 
      directionNav: false, // Next & Prev navigation 
      controlNav: false, // 1,2,3... navigation 
      effect: 'fold' // Specify sets like: 'fold,fade,sliceDown' 
     }); 
    }); 
</script> 

在我的內容母版頁的head標籤的代碼，

<%--PretyPhoto (media viewer)--%> 
    <script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"></script> 
    <script type="text/javascript">var $jq161 = jQuery.noConflict();</script> 
    <link href="Styles/prettyPhoto.css" rel="stylesheet" type="text/css" media="screen" /> 
    <script src="Scripts/jquery.prettyPhoto.js" type="text/javascript"></script> 

    <script type="text/javascript"> 
     $jq161(document).ready(function() { 
      $("a[rel^='prettyPhoto']").prettyPhoto(); // Select all links that contain prettyPhoto in the attribute rel 
      //$('a.prettyPhoto').prettyPhoto(); // Select all links with prettyPhoto class 
      //$('a').prettyPhoto(); // Select all links in the page 
      //$('#gallerythumbnails a').prettyPhoto(); // Select all links in object with gallery ID 
      //$('#gallerythumbnails a').width(400); 
     }); 
    </script> 

    <%--UI Tabs--%> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
    <script type="text/javascript">var $jq142 = jQuery.noConflict();</script> 
    <script src="Scripts/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script> 
    <link href="Styles/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" /> 

    <script type="text/javascript"> 
     $jq142(function() { 
      $("#tabs").tabs(); 
      $("#subtabs-1").tabs(); 
      $("#subtabs-2").tabs(); 
      $("#subtabs-3").tabs(); 
      $("#subtabs-4").tabs(); 

      var $tabs = $('#tabs').tabs(); 

      $('.to-stonetab').click(function() { 
       $tabs.tabs('select', 0); 
       return false; 
      }); 

      $('.to-quarrytab').click(function() { 
       $tabs.tabs('select', 1); 
       return false; 
      }); 

      $('.to-valuetab').click(function() { 
       $tabs.tabs('select', 2); 
       return false; 
      }); 

      $('.to-faqtab').click(function() { 
       $tabs.tabs('select', 3); 
       return false; 
      }); 
     }); 
    </script> 

和一個例子HTML參考，

<a href='<%#DataBinder.Eval(Container.DataItem, "PageLink") %>' rel="prettyPhoto"> 
          <img src='Images/<%#DataBinder.Eval(Container.DataItem, "Image") %>' alt='<%#DataBinder.Eval(Container.DataItem, "AltTag") %>' /> 
</a> 

非常感謝您的幫助。

Answer 1

更新： 該問題已通過刪除多個版本的jquery並用當前版本（jquery-1.7.2.min.js）替換解決。

對於那些在上述問題沒有解決您的問題的人，請注意，我以前使用LightBox和VideoBox，它們不會一起運行，因爲它們使用不同的庫。

我將LightBox和VideoBox替換爲prettyPhoto，它使用jquery（與我使用的其他庫相同）。一旦文件中只使用了1個庫，並且應用了上述庫，它就可以工作。