Отключение cboxTitle элемент в JQuery Colobox

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> 

Причиной заголовка является отображение при наведении мыши, но когда я открываю ColorBox он показывает, как это заглавие. Как я могу скрыть или отключить его?

Я настроил мой сценарий тег, как показано ниже, но я должен делать что-то неправильно:

<script> 

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



     </script> 

Answer 1

Вы можете определить значение null при инициализации ColorBox плагин, как:

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

Надеется, что это помогает!