在IE 8中使用cufon的表单输入的jquery替换问题

时间:2011-09-13 09:56:34

标签: jquery internet-explorer cufon

我有4个输入按钮,我想用cufon替换。我读到了关于stackoverflow的策略,它涉及隐藏输入字段并显示具有相同内容的span,因此cufon可以替换它。我有它在chrome,firefox和IE 9工作,但在IE 8中,没有任何东西取代隐藏的div。这是我正在使用的代码

$(document).ready(function() {
        $('#utmodes input').each(function(){
            $(this).hide().after('<span id="' + $(this).attr('id') + '" class="input-button">').next('span.input-button').addClass($(this).attr('class')).text($(this).val()).click(function(){
            $(this).prev('input').click();
            Cufon.replace('#utmodes span', {
                hover: true
            });     
        });
});

实际页面为http://tinyurl.com/3zvjvgl。 4个输入字段是“文件上传”,“闪存上传”等。在ie 8中,您将看到这4个输入的空白​​点。

1 个答案:

答案 0 :(得分:0)

发现问题。我使用.after()

关闭了我添加的span标记