Я работаю над приложением для создания резюме в asp.net mvc.Пользователь может динамически добавлять новые навыки, образование и т. Д., И это отображается в режиме частичного просмотра.
Основной вид
<div id="divSkill" class="form-group">
@foreach (var s in Model.Skills)
{
@Html.Partial("_Skill", s);
}
</div>
<input class ="add" type="button" data-field="#divSkill" data-url="/People/_Skill/" value="Add skill" />
Ajax
$('.add').click(function () {
var u = $(this).attr('data-url');
var d = $(this).attr('data-field');
$.ajax({
url: u,
type: 'POST',
contentType: 'application/html',
success: function (content) {
$(content).appendTo(d).show('slow');
}
});
});
Я хотел, чтобы Partails отображался медленно, поэтому я добавил $(content).appendTo(d).show('slow');
и в классе css для частичного просмотра display: none;
.Он отлично работает с новыми Partials, но когда я обновляю сайт, тогда все Partials в foreach не видны из-за display: none;
.
Есть ли другой способ решить эту проблему?