Question

我正尝试从链接的标题attr启动colorbox。

我已经设法使用以下方式为imgs启动colorbox：

$("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%});

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

编辑：我正在使用其他插件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>**

Answer 1

它应该可以正常使用

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

所以问题可能在其他地方。

Working Fiddle

Answer 2

你可以这样做

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

Jquery - 从链接的标题attr启动colorbox

2 个答案: