2013-04-23 27 views
0
$(document).ready(function(){ 
     $("a[rel='box']").colorbox(); 
       }); 

結合jQuery函數準備和生活

jQuery('a[href*=#]').live('click',function() { ...etc... 

總noob問題: 我在JQuery的這兩個功能......

如何將它們結合起來?

a[href*=#]是一個幻燈片演示文稿和a[rel='box']是一個彩色打開... 其中一個或另一個作品,但不是兩個在一起。

這就是我得到試圖「剪切和粘貼」代碼...

的jQuery是在HEAD部分

我甚至嘗試添加加載

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> </script> 
<script type='text/javascript' src='scripts/jquery.colorbox-min.js'></script> 

jQuery(function(){ 
if(jQuery.isFunction(jQuery.fn.colorbox)) { 
    jQuery("a").live('click',function(){ 
     jQuery(this).colorbox(); 
    }); 
} 
}); 

但是這也不能工作...

這是我... www.pixedelic.com/plugins/camera/顏色框被加載的幻燈片,但對個別圖片不能正常工作......

任何幫助,將不勝感激和感謝!

+0

如果你是jQuery的新手,你不應該使用'live'。它自1.7以來已被棄用。 – Barmar 2013-04-23 02:43:08

+0

感謝您的耐心...... http://www.edparton.com/hope/demo.html是頁 – user2309534 2013-04-23 06:54:07

+0

呼籲顏色框是在大約線#337 – user2309534 2013-04-23 06:55:08

回答

0

的問題是在jQuery的定義$不是一個有準備好衝突和生活......

我覺得你jquery.min.js的副本已損壞,它沒有定義$。

你的jQuery腳本以jQuery.noConflict()結束,它阻止了定義$。

所以你必須寫的,而不是$(文件)。就緒()

你不能寫的jQuery(文件)。就緒()$ .noConflict()後,你已經有jQuery.noConflict()在jquery.min.js中。

SOLUTION:

jQuery(document).ready(function($){    
     $("a[rel='box']").colorbox(); 
       }); 

NOT:

// cannot below use if have jQuery.noConflict(); ! use above notice large Q // 
    $(document).ready(function(){ 
     $("a[rel='box']").colorbox(); 
     }); 

謝謝! Barmar!