Question

我正在进行Ajax调用并根据响应呈现两个模板中的一个。正确的模板将呈现，但脚本的其余部分将逐字呈现在页面上。见下面的代码。请注意，下面代码的第一部分是在Ajax成功函数中，直到引用开头一切都按预期工作：

if (questionAnswered == true) {
          $('#dashboard-container').innerHTML("<div>{{ template "header.html" .}}</div><div>{{ template "dashboard_answered.html" .}}</div>");
        }
    },
    error: function() {
      console.log('Diary GET failure--there are no diaries');
    }
  });

dashboard_answered.html正确呈现，但之后立即关闭"的所有内容也是如此。所以我最终在我的页面上有一堆文本，只是代码。我已经尝试了所有我能想到的东西并且搜索了Stack Overflow无济于事。这包括在附加的HTML中转义嵌套的引号。

我该如何解决这个问题？

Answer 1

您是否尝试使用单引号括起整个字符串，并在以下内容中加双引号：

if (questionAnswered == true) {
          $('#dashboard-container').innerHTML('<div>{{ template "header.
html" .}}</div><div>{{ template "dashboard_answered.html" .}}</div>');
        }
    },
    error: function() {
      console.log('Diary GET failure--there are no diaries');
    }
  });

jQuery附加HTML元素，但也显示

1 个答案: