2017-06-12 129 views
0


我想改變fancyboy3關閉按鈕的工具提示,但似乎沒有任何幫助。 我試圖
tpl: { closeBtn: '<a title="Test" class="fancybox-item fancybox-close" href="javascript:;"></a>'} 以及
翻譯Fancybox按鈕

lang : 'de', 
i18n : { 

    'de' : { 
     CLOSE  : 'Test', 

    } 
} 


但兩個版本都沒有幫助。我究竟做錯了什麼?

$('#btn-slider-edit').fancybox({ 
 
     fullScreen: false, 
 
     closeBtn: true, 
 
     iframe: { 
 
      css: { 
 
       width: '80%', 
 
       height: '80%' 
 
      } 
 
     }, 
 
     tpl: { 
 
      closeBtn: '<a title="Test" class="fancybox-item fancybox-close" href="javascript:;"></a>' 
 
     } 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

回答

0

如果您使用的fancybox V3.1,然後

1)你的第一個片段按預期工作:

$('[data-fancybox]').fancybox({ 
    lang : 'de', 
    i18n : { 
    'de' : { 
     CLOSE : 'Test', 
    } 
    } 
}); 

https://codepen.io/anon/pen/bReeow

1)這是你可以改變但是N模板:

$('[data-fancybox]').fancybox({ 
    btnTpl : { 
    close : '<button data-fancybox-close class="fancybox-button fancybox-button--close" title="{{CLOSE}} - TEST"></button>' 
    } 
}); 

https://codepen.io/anon/pen/BZzzdK

+0

這是小費。我使用3.0版,並且代碼沒有工作。我升級到3.1,現在它工作!謝謝! – smiet