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>