Как вы исчезаете в div в Svelte при изменении контента? У меня есть один список для опубликованных текстов и другой для черновиков. Я знаю, как это сделать с помощью простого javascript, но есть ли решение для этого в svelte, помимо загрузки страницы?
async function published() {
lipub.style.backgroundColor = "#CCC";
lidraft.style.backgroundColor = "transparent";
const response = await fetch("api/mytexts/?id = " + $session.userID);
result = await response.json();
return result;
}
async function drafts() {
lipub.style.backgroundColor = "transparent";
lidraft.style.backgroundColor = "#CCC";
const response = await fetch("api/mytexts/drafts?id = " + $session.userID);
result = await response.json();
return result;
}
<div>
<div id = "headerblock" style = "cursor: default;">
<ul id = "headermenu">
<li class = "selected" on:click = {published} bind:this = {lipub}>Published</li>
<li on:click = {drafts} bind:this = {lidraft}>Drafts</li>
<li on:click = {newtext}>{$_("page.newtext.title")}</li>
</ul>
</div>
{#if result}
<div fade-in-this-when-new-result>
{#each result as text}
<div class = "block" on:click = {() => readData(text.id)}>
<span class = "istext">{text.title}</span>
</div>
{/each}
</div>
{/if}
</div>
РЕДАКТИРОВАТЬ Это работает, когда я сбрасываю результат между ними.
@Х.Б. Конечно. Не работает. Он работает при добавлении в div class=block, но это не то, что мне нужно.
Что ты имеешь в виду? Класс не имеет ничего общего с этой функциональностью.
Была просто ссылкой на то, где в моем коде. Работает, когда я сбрасываю результат между ними.
У вас есть посмотрел документы?