更新

Question

我的网页上有一个图标，其中包含以下属性：

<a class="iframe cboxElement" href="contact.html" title= "Contact Performance Analytics">
<i class="fa fa-phone-square fa-2x" aria-hidden="true"></i>
</a>

标题的原因是鼠标悬停显示但是当我打开彩色框时它会显示为标题。我怎么能隐藏或禁用它？

我调整了我的脚本标签如下，但我必须做错事：

<script> 

            $(document).ready(function(){
                $(".iframe").colorbox({iframe:true, width: "700px", height:"300px"});
                $('.iframe cboxElement').colorbox({title: '' });
            });



        </script>

Answer 1

您可以在初始化colorbox插件时定义null值，例如：

$('.selector').colorbox({
  title: '' // Setting Title to null
});

查看下面的演示片段：

＆＃13;

$('.link').colorbox({
  title: ''
});

＆＃13;

<link href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" rel="stylesheet"/>

<a href="#" class="link" title="This is a link">Link</a>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>

＆＃13;

更新

您使用错误的语法来选择元素

使用：

$(document).ready(function(){
  $('.iframe.cboxElement').colorbox({
    title: '',
    iframe: true,
    width: "700px",
    height:"300px"
  });
});

而不是：

$(document).ready(function(){
  $(".iframe").colorbox({iframe:true, width: "700px", height:"300px"});
  $('.iframe cboxElement').colorbox({title: '' });
});

希望这有帮助！

在jQuery Colobox中禁用cboxTitle元素

1 个答案:

更新