javascript - 如何刷新元素上的 cufon？

Question

我有这段代码来初始化 selectboxit 插件(将选择框转换为跨度等)，它使用 Myriad 字体在选择框中显示内容。那很好。但是，当我选择某个选项时，它从 Myriad 更改为 Verdana (默认字体)。如何刷新cufon？ Cufon.refresh(); 不起作用。

我的代码:

<script>

        $(document).ready(function(){

          $("select").selectBoxIt();

          Cufon.replace('input.btn-submit', { fontFamily: 'Myriad Pro' });

          Cufon.refresh();

        });

</script>

Answer 1

每次下拉菜单发生变化时，请尝试刷新 Cufont 字体。像这样:

        $(document).ready(function(){

          var select = $("select");

          select.selectBoxIt();

          refreshCufon();

          select.change(function() {

            refreshCufon();

          });          

          function refreshCufon() {

            Cufon.replace('input.btn-submit', { fontFamily: 'Myriad Pro' });

            Cufon.refresh();

          }

        });

</script>