Jquery - 从链接的标题属性启动colorbox

我试图从链接的标题attr启动colorbox。Jquery - 从链接的标题属性启动colorbox

我已成功地发起颜色框使用IMGS：

$("a[rel*=lightbox]").colorbox({width:"700",height:"500",innerWidth:"700",innerHeight:"500",opacity:0.8,slideshow:true,slideshowSpeed:2500,slideshowStart:"start",slideshowStop:"stop"});

，但我需要使用标题此链接。有人有任何想法吗？

<a title="booknow" href="link">Book Now</a> 

$("a[title=booknow]").colorbox({iframe:true, innerWidth:100%, innerHeight:100%});

任何帮助/指导，将不胜感激。

编辑：使用其他的插件IM aswel

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery('.carousel').jcarousel(); 
}); 

     $(window).scroll(function(){ 
      if ($(this).scrollTop() > 100) { 
       $('.scrollup').fadeIn(); 
      } else { 
       $('.scrollup').fadeOut(); 
      } 
     }); 

     $('.scrollup').click(function(){ 
      $("html, body").animate({ scrollTop: 0 }, 600); 
      return false; 
     }); 

    $(window).load(function() { 
     $('.defaultP input').ezMark(); 
     $('.customP input[type="checkbox"]').ezMark({checkboxCls: 'ez-checkbox-red', checkedCls: 'ez-checked-red'}) 
     $('#slider').nivoSlider(); 
     $("#example-one").organicTabs(); 
     $("#example-two").organicTabs(); 
    }); 
</script>**

来源

2012-06-12 Codded

它应该很好地工作，你正在使用

$("a[title=booknow]").colorbox({ 
        iframe:true, 
        innerWidth:"100%", 
        innerHeight:"100%" 
        });

什么，所以这个问题也许在别的地方。

Working Fiddle

来源

2012-06-12 11:54:34

感谢，它轰炸了我的所有其他的jQuery。有任何想法吗？ – Codded

当你添加这个时，实际发生了什么？你能再解释一下吗？ –

我也在使用其他jquery插件，但是当我包含你的答案时，所有这些其他插件都停止工作，你给出的答案也不起作用。我更新了我的问题。谢谢:) – Codded

你可以做到这一点作为

$("a[title=booknow]").click(function(){ 
    $.colorbox({ 
       iframe:true, 
       innerWidth:"100%", 
       innerHeight:"100%" 
       }); 
});

来源

2012-07-31 11:27:36

Jquery - 从链接的标题属性启动colorbox

回答

相关问题