javascript - JQuery $.html 使 div 为空

Question

我正在制作一个网站，主要是为了提高编码水平，但我最近遇到了一个我不知道如何解决的问题。

代码:

$("#user-admin-notification-area").blur(function() {
   alert(events[__event].text);
   if(this.value == '')
      $ePreview.html(events[__event].text);
   $ePreview.html(this.value);
});

上面的代码将 $ePreview html 设置为空字符串，而不是实际预期的 html，同时警报提供正确的输出...我在控制台中测试了相同的代码，但没问题。 (我指的是相同的代码 $ePreview.html(events[__event].text)。

事件的值:

[
    {
        "id": "2",
        "name": "pozostały czas",
        "start": "0000-00-00 00:00:00",
        "end": "2016-01-31 23:59:59",
        "text": "<b>Uwaga!</b> Jeszcze <span data-end=\"1451606399\" data-reload=\"false\"></span> do końca składania zgłoszeń! Śpiesz się!",
        "type": "5",
        "closeable": "1"
    },
    {
        "id": "3",
        "name": "test",
        "start": "0000-00-00 00:00:00",
        "end": "0000-00-00 00:00:00",
        "text": "I should NOT be displayed! :)",
        "type": "5",
        "closeable": "1"
    },
    {
        "id": "4",
        "name": "test #2",
        "start": "2015-11-08 23:59:59",
        "end": "2015-11-30 23:59:59",
        "text": "Hi m8!",
        "type": "5",
        "closeable": "0"
    }
]

Answer 1

您的代码没有意义。如果 this.value 为空，则将 html 设置为 events[__event].text，但随后在下一行($ePreview.html(this.value);)。它应该是这样的:

$("#user-admin-notification-area").blur(function() {
   alert(events[__event].text);
   if(this.value == '')
      $ePreview.html(events[__event].text); 
   else 
      $ePreview.html(this.value);
});