【问题标题】:jquery .append() doesn't work on windowsjquery .append() 在 Windows 上不起作用
【发布时间】:2012-06-12 09:44:33
【问题描述】:

我正在尝试生成一种可打印的联系表单。通过单击“#drucken”按钮,我试图隐藏内容包装器并将表单的内容附加到带有新类“print”的正文中。一切似乎都可以在 Mac 上运行,但在 Windows 计算机上却不行。 IE 和 Firefox 都不能在 Windows 计算机上运行。

$('#drucken').click(function(){
    // druckfunktion
    // I'm getting all the variables and combine the in the dataString


        var dataString = 'patName=' + patName + '&patAdresse= ' + patAdresse + '&patTel=' + patTel + '&patTelG=' + patTelG + '&gebDatum=' + gebDatum + '&privat=' + privat + '&kkNummer=' + kkNummer + '&kkAdresse=' + kkAdresse + '&versicherung=' + versicherung + '&implantationsort=' + implantationsort + '&extraktion=' + extraktion + '&provisorium=' + provisorium + '&implantattypen=' + implantattypen + '&suprastruktur=' + suprastruktur + '&nachkontrollen=' + nachkontrollen + '&opt=' + opt + '&dvt=' + dvt + '&beilagen=' + beilagen + '&arzt=' + arzt + '&datum=' + datum;  
        //alert (dataString);return false;  
        $.ajax({  
            type: "POST",  
            url: "",  
            data: dataString,
            success: function(){
                $('body').addClass('print');
                $('#wrapper').fadeOut(200);
                $('body.print').append("<table><tr><td>Patienten Name:</td><td>" + patName + "</td></tr><tr><td>Patienten Adresse:</td><td>" + patAdresse + "</td></tr><tr><td>Tel. Nr.:</td><td>" + patTel + "</td></tr><tr><td>Tel. G.:</td><td>" + patTelG + "</td></tr><tr><td>Geb. Datum:</td><td>" + gebDatum + "</td></tr><tr><td>Privat/Krankenkasse:</td><td>" + privat + "</td></tr><tr><td>Krankenkassen Nummer:</td><td>" + kkNummer + "</td></tr><tr><td>Adresse Krankenkasse:</td><td>" + kkAdresse + "</td></tr><tr><td>Versicherung/IV/MV:</td><td>" + versicherung + "</td></tr><tr><td>Implantationsort:</td><td>" + implantationsort + "</td></tr><tr><td>Extraktion vor Implantation:</td><td>" + extraktion + "</td></tr><tr><td>Provisorium:</td><td>" + provisorium + "</td></tr><tr><td>Implantattyp:</td><td>" + implantattypen + "</td></tr><tr><td>Suprastruktur:</td><td>" + suprastruktur + "</td></tr><tr><td>Nachkontrollen:</td><td>" + nachkontrollen + "</td></tr><tr><td>R&ouml;ntgen:</td><td>" + opt + " " + dvt + "</td></tr><tr><td>Beilagen:</td><td>" + beilagen + "</td></tr><tr><td>&Uuml;berweisender Arzt:</td><td>" + arzt + "</td></tr><tr><td>Datum:</td><td>" + datum + "</td></tr><tr><td colspan=\'2\'><input type=\'button\' value=\'Formular ausdrucken\' onClick=\'javascript:window.print()\'></td></tr><tr><td colspan=\'2\'><input type=\'button\' value=\'zur&uuml;ck\' id=\'back\'></td></tr></table>")
                .hide()  
                .fadeIn(1500);
                $('#back').click(function(){
                    $('table').fadeOut(500);
                    $('body').removeClass('print');
                    $('#wrapper').fadeIn(1500);
                });
            }

        });  
        return false;  

});

谁能帮帮我?

【问题讨论】:

  • 哪一部分不行?
  • 如果可以的话,创建一个 jsfiddle,我相信有人会找到解决方案
  • 为什么要使用空 URL 进行 ajax 调用?
  • @RuneFS 在警报调用之前一直有效。
  • @Simon 这是个好问题。我使用该函数将变量发送到 php 文件以发送电子邮件。我想对打印版本使用相同的功能。

标签: jquery windows append document-body


【解决方案1】:

我正在使用 Opera,但我不明白为什么它只适用于 Mac?这是我的 jsfiddle:http://jsfiddle.net/nfSRf/?

【讨论】:

  • 感谢您的链接我在您的 jsfiddle 中尝试了它,它在 mac 上有效,但在 Windows 上无效。我不明白。
  • @linzprod:那么你必须发布你的链接?!我的 jsfiddle 在 windows 中与 ie、opera、firefox 一起工作。你的窗户呢?也许它被冲洗了?
  • 就像我说的那样,它正在工作,但你之前有一些错误。你知道 prop 方法吗? stackoverflow.com/questions/426258/…?您验证复选框的代码会导致 Windows 中出现文档错误。
  • 不,我不知道 .prop() 方法。但我肯定会检查一下。为什么这个东西不能在我的 Windows 机器上工作?有Vista就可以了。你?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-07-31
  • 1970-01-01
  • 2012-08-11
  • 2012-02-18
  • 2013-10-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多