javascript - 在 jQuery Colorbox 中禁用汽车标题元素

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
});

看看下面的演示片段:

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

<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>

更新:

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

使用:

$(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: '' });
});

希望这对您有所帮助!