colorbox和窗體造型之間的衝突

Question

我有一個「colorbox Js」。與「形式造型Js」。在我的標題上現在是「形式造型Js」。不工作了，我把我的JavaScript搜索周圍我的問題顏色框，我發現這個所謂的後「JavaScript的衝突」和我想這

<script>jQuery.noConflict();</script> 

但它並沒有解決我的問題

這是顏色框腳本與形式造型

<!--Form styleing--> 

    <link rel="stylesheet" href="includes/formStyles/jqtransform.css" type="text/css" media="all" /> 
    <link rel="stylesheet" href="demo.css" type="text/css" media="all" /> 
    <script type="text/javascript" src="includes/formStyles/jquery.js" ></script> 
    <script type="text/javascript" src="includes/formStyles/jquery.jqtransform.js" ></script> 
    <script language="javascript"> 
     jQuery(document).ready(function(){ 
      $('form').jqTransform({imgPath:'includes/formStyles/img/'}); 
     }); 
    </script> 
<!--Form styleing--> 


<!-- ColorBox Script add by Yousef Altaf Wasti 24 March 2012 --> 
<link rel="stylesheet" href="includes/colorbox/colorbox.css" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script src="includes/colorbox/jquery.colorbox.js" type="text/javascript"></script> 
<script type="text/javascript"> 
      jQuery(document).ready(function(){ 
       //Examples of how to assign the ColorBox event to elements 
       $(".group1").colorbox({rel:'group1'}); 
       $(".group2").colorbox({rel:'group2', transition:"fade"}); 
       $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"}); 
       $(".group4").colorbox({rel:'group4', slideshow:true}); 
       $(".ajax").colorbox(); 
       $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344}); 
       $(".iframe").colorbox({rel:'nofollow', iframe:true, width:"750", height:"780"}); 
       $(".iframe").colorbox({onLoad: function() {$('#cboxClose');}}); 
       $(".inline").colorbox({inline:true, width:"50%"}); 
       $(".callbacks").colorbox({ 
        onOpen:function(){ alert('onOpen: colorbox is about to open'); }, 
        onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); }, 
        onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); }, 
        onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); }, 
        onClosed:function(){ alert('onClosed: colorbox has completely closed'); } 
       }); 
       //Example of preserving a JavaScript event for inline calls. 
       $("#click").click(function(){ 
        $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); 
        return false; 
       }); 
      }); 
     </script> 
<!-- End script --> 

如何讓他們一起工作的任何幫助請。

通過，如果這能幫助這個方式是有問題 http://www.hostnile.com

Answer 1

無需添加two timesjquery 試試這個頁面，

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="includes/formStyles/jquery.jqtransform.js" ></script> 
<script language="javascript"> 
    jQuery(document).ready(function(){ 
     $('form').jqTransform({imgPath:'includes/formStyles/img/'}); 
    }); 
</script> 
<script src="includes/colorbox/jquery.colorbox.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     //Examples of how to assign the ColorBox event to elements 
     $(".group1").colorbox({rel:'group1'}); 
     $(".group2").colorbox({rel:'group2', transition:"fade"}); 
     $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"}); 
     $(".group4").colorbox({rel:'group4', slideshow:true}); 
     $(".ajax").colorbox(); 
     $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344}); 
     $(".iframe").colorbox({rel:'nofollow', iframe:true, width:"750", height:"780"}); 
     $(".iframe").colorbox({onLoad: function() {$('#cboxClose');}}); 
     $(".inline").colorbox({inline:true, width:"50%"}); 
     $(".callbacks").colorbox({ 
      onOpen:function(){ alert('onOpen: colorbox is about to open'); }, 
      onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); }, 
      onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); }, 
      onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); }, 
      onClosed:function(){ alert('onClosed: colorbox has completely closed'); } 
     }); 
     //Example of preserving a JavaScript event for inline calls. 
     $("#click").click(function(){ 
      $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); 
      return false; 
     }); 
    }); 
</script>