2017-06-12 24 views
0


fancyboy3閉じるボタンのツールチップを変更しようとしていますが、何も助けにならないようです。 私は
tpl: { closeBtn: '<a title="Test" class="fancybox-item fancybox-close" href="javascript:;"></a>'} などファンシーボックスボタンを翻訳する

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)これはあなたがbuttoを変更する方法です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