Я пытаюсь добавить некоторые элементы HTML при вызове Ajax к определенному Div. Тем не менее, я получаю дату, и я пытаюсь сделать переключатель в приложении с функцией обратного вызова, чтобы я мог использовать переключатель. Без переключателя мой код работает хорошо, но когда я вставляю свой переключатель в добавление, он говорит, что ожидается точка с запятой или (JS) выражение
Что не так с переключателем внутри метода добавления?
Вот мой код
function showCategoryJobs() {
var categoryId = $('#search-by-dropdown').val();
$.ajax({
url: '@Url.Action("SearchByCategory", "AllJobs")',
type: 'GET',
dataType: 'json',
data: { category: categoryId },
success: function (posts) {
$(".job-container").html("");
//$(".job-container").load(" .job-container");
$.each(posts.FindJobs, function (x, post) {
var newdate = new Date(post.PostedDate + 'Z');
$(".job-container").append(function () {
`
<li class="separate-job" id="All-Jobs-Id" value="` + post.jobId + `">
<div class="content-li-All-Jobs">
<h2 class="content-li-All-headline" id="headline-for-Update">`+ post.Headline + `</h2>
<a class="btn btn-success bid-for-job" value="`+ post.jobId + `" href="#">Bid now</a>
<div class="user">
<blockquote class="blockquote">
<p class="mb-0">
<div class="about-job">`+ post.About + `</div>
</p>
<div class="blockquote-footer">
<cite>-`+ post.Username + `</cite>
</div>
</blockquote>
</div>
<div class="pictures-li">
`+ $.map(post.JobPictures, function (i, pictures) {
if (i != null) {
return `<div class="separate-pic">
<img class="posted-pic" src="data:image/jpg;base64,${i.JobImageContentBytes}" alt="" />
</div>`;
}
}).join("") + `
</div>
<div class="job-date-li">
Posted `+ switch (newdate.getDate()) {
case 1:
case 21:
case 31:
newdate.getDate(); + '<text>th</text>'
break;
case 2:
case 22:
newdate.getDate(); + '<text>th</text>'
break;
case 3:
case 23:
newdate.getDate(); + '<text>th</text>'
break;
default:
newdate.getDate(); +'<text>th</text>'
break; }; + ` ` + newdate.getMonth() + ` ` + newdate.getFullYear() +
`
</div>
<div class="-job-town">Area | <span class="city">`+ post.JobCity + `</span></div>
</div>
</li>
`
});
});
}
});
}