禁用 jQuery Colobox 中的 cboxTitle 元素

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>

更新：

您对 select 元素使用了错误的语法

使用：

$(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 元素

Disabling a cboxTitle Element in jQuery Colobox

html

javascript

css

jquery

colorbox

更新：