结合jquery函数准备就绪和实时

时间:2013-04-23 02:42:08

标签: function live ready

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

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

总NOOB问题: 我在JQuery中有这两个函数......

我如何组合它们?

a[href*=#]是幻灯片演示文稿,a[rel='box']用于打开彩色框... 一个或另一个工作,但不是两个一起工作。

这就是我试图“剪切和粘贴”代码所得到的......

加载了Jquery

<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/ colorbox已加载,但不适用于单张图片......

任何帮助都会非常感激,谢谢!

1 个答案:

答案 0 :(得分:0)

问题是在jQuery中定义$而不是与READY和LIVE的冲突......

我认为你的jquery.min.js副本已损坏,它没有定义$。

你的jQuery脚本以jQuery.noConflict();结尾,这会阻止定义$。

所以你必须编写jQuery(document).ready()而不是$(document).ready()

在jquery.min.js中已经有jQuery.noConflict()之后,你不能写$ .noConflict()。

解决方案:

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

不:

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

谢谢! Barmar!