使用javascript在c#asp.net mvc 4中动态加载内容工作不正常

使用javascript在c#asp.net mvc 4中动态加载内容工作不正常,javascript,c#,jquery,Javascript,C#,Jquery,我在一个网站上工作,那里的主人有展览,他可以添加,编辑和删除。每次点击“阅读更多”按钮,每年都会显示这些展览。我的页面遇到了一个奇怪的问题,因为我在点击“阅读更多”后将内容加载到一个新的div中,并且我需要该div的唯一标识符。我使用id=“@Year here”来标识该div,但是我遇到了这个问题: 正如您所看到的,它没有正确加载。我在每组的所有展览中都要加载以下代码: @if(Model.Exhibitions.Count() > 0) { <h3 style="text-al

我在一个网站上工作,那里的主人有展览,他可以添加,编辑和删除。每次点击“阅读更多”按钮,每年都会显示这些展览。我的页面遇到了一个奇怪的问题,因为我在点击“阅读更多”后将内容加载到一个新的div中,并且我需要该div的唯一标识符。我使用
id=“@Year here”
来标识该div,但是我遇到了这个问题:

正如您所看到的,它没有正确加载。我在每组的所有展览中都要加载以下代码:

@if(Model.Exhibitions.Count() > 0)
{
<h3 style="text-align: left; margin-left: 10px; padding-top: 10px;">@Model.Year</h3>
<table class="extable">
    <tr>
        <th style="width: 15%">@Translations.EXHIBITIONSTARTDATE</th>
        <th style="width: 15%">@Translations.EXHIBITIONENDDATE</th>
        <th style="width: 15%">@Translations.EXHIBITIONEVENT</th>
        <th style="width: 40%">@Translations.EXHIBITIONDESCRIPTION</th>
        <th style="width: 15%">@Translations.GALLERY</th>
    </tr>

@foreach (Exhibition item in Model.Exhibitions)
{
    @Html.Partial("_Exhibition", item)
}

</table>

}

<div class="more-exhi" id="@Model.Next"></div>

<script type="text/javascript">
(function () {
    $('.more-exhi#@Model.Year').attr('class', '');
    $('.show-more').attr('data-year', '@Model.Next');
}) ();
</script>
@if(Model.experiments.Count()>0)
{
@车型年
@展览开始日期
@翻译
@展示事件
@翻译
@翻译画廊
@foreach(模型展览中的展览项目)
{
@Html.部分(“_展览”,项目)
}
}
(功能(){
$('more exhis#@Model.Year').attr('class','');
$('.show more').attr('data-year','@Model.Next');
}) ();
@模型年份是发送给控制器的年份(例如,2014年)@模型。下一个是现有的下一年,展览按降序排列(例如,2010年)。然而,上面的代码不能正常工作,我不知道为什么。这是我的javascript,一旦有人点击“阅读更多”按钮:

<script type="text/javascript">

(function () {

    var div = $('#exhibitions');

    div.find('.show-more').click(function () {
        div.find('.more-exhi').hide().load('@Url.Action("Exhibitions", "Exhibition")', { year: $(this).attr('data-year') } ).fadeIn('1500');
        div.find('.show-less').show();
    });

})();
</script>

(功能(){
var div=$(“#展览”);
div.find('.show more')。单击(函数(){
div.find('.more exhis').hide().load('@Url.Action(“展览”,“展览”),{year:$(this.attr('data-year'))}.fadeIn('1500');
div.find('.show less').show();
});
})();

有人能帮我解决这个问题吗?我想我正在处理一个问题,因为这应该不会太难。

尝试将这行代码更改为:

 $('.more-exhi#' + @Model.Year).attr('class', '');

:)

尝试将这行代码更改为:

 $('.more-exhi#' + @Model.Year).attr('class', '');

:)

没问题,@KevinVoorn!嗨,嗯。谢谢,巴德DNo prob,@KevinVoorn!嗨,嗯。谢谢,巴德D