역따옴표 익스플로러 문제입니다.
본문
// 보기 추가
$("#add-ex").click(function() {
//var max02 = getMax02();
var a = $('.form-inline').length + 1;
var addDiv = `
<div class="form-inline">
<textarea name="ex[]" class="ex" style="width:100%; height:180px;" required></textarea>
<input type="hidden" value="` + a + `" class="order" name="order_e[]" />
<button type="button" onclick="removeExDiv(this)" class="btn btn-danger btn-xs ex_del">보기삭제</button>
</div>
`;
$('#add-ex').parent().before(addDiv);
});
버튼 클릭시 div와 textarea가 추가되는 코드를 작성하였습니다.
크롬에서는 작동하는데 익스플로러에서는 작동이 안되네요 ㅜㅜㅜㅜ 역따옴표가 유효하지 않은 문자라고 오류가 납니다.
검색해보니 익스플로러에서 ` (역따옴표)가 작동하지 않는다고 하던데 코드를 어떻게 수정해야 할까요?ㅜㅜ
!-->답변 1
backquote 를 싱글쿼트로 바꾸고 문자열도 아래처럼 종결해서 추가하는 방식으로 해보세요.
var addDiv = '<div class="form-inline">';
addDiv += ' <textarea name="ex[]" class="ex" style="width:100%; height:180px;" required></textarea>';
addDiv += ' <input type="hidden" value="' + a + '" class="order" name="order_e[]" />';
addDiv += ' <button type="button" onclick="removeExDiv(this)" class="btn btn-danger btn-xs ex_del">보기삭제</button>';
addDiv += '</div>';
답변을 작성하시기 전에 로그인 해주세요.