Javascript 增量C#int inside<；脚本>；标签

我有一个.cshtml视图，我在其中单击一个

.CompChoice

元素，它将消失，另一个从特定列表中显示

但是，当

计数

为0且计数最多为1时，我第一次单击该函数时，它会工作，并更改为列表中的下一个值。第二次单击该函数时，count的值仍然是0，向上计数1并显示相同的值。我希望将索引保持在C#中，

@{count++}

似乎在脚本中起作用

为什么

@{count++；}

在

脚本

标记之外不持久

@ {
int count = 0;
}

<script>
            $(".CompChoice").on('click', function () {
                $('#@shuffledList[count]').fadeOut('fast', function () {
                    @{ count++;}
            $('#@shuffledList[count]').show();
              });
        });
</script>

@{
整数计数=0；
}
$（“.CompChoice”）。在（'click'，函数（）{
$（'#@shuffledList[count]'）。淡出（'fast'，函数（）{
@{count++；}
$（'#@shuffledList[count]'）。show（）；
});
});

---

谢谢

您应该使用纯javascript，从服务器端值开始

<script>
            var count = @{ count++;};
            $(".CompChoice").on('click', function () {
                $('#@shuffledList[count]').fadeOut('fast', function () {
                    count++;
            $('#@shuffledList[count]').show();
              });
        });
</script>

var count=@{count++；}；
$（“.CompChoice”）。在（'click'，函数（）{
$（'#@shuffledList[count]'）。淡出（'fast'，函数（）{
计数++；
$（'#@shuffledList[count]'）。show（）；
});
});

渲染结束后，用户将进入浏览器端

<script>
            var count = 1;
            $(".CompChoice").on('click', function () {
                $('#@shuffledList[count]').fadeOut('fast', function () {
                    count++;
            $('#@shuffledList[count]').show();
              });
        });
</script>

var计数=1；
$（“.CompChoice”）。在（'click'，函数（）{
$（'#@shuffledList[count]'）。淡出（'fast'，函数（）{
计数++；
$（'#@shuffledList[count]'）。show（）；
});
});

您应该使用纯javascript，从服务器端值开始

<script>
            var count = @{ count++;};
            $(".CompChoice").on('click', function () {
                $('#@shuffledList[count]').fadeOut('fast', function () {
                    count++;
            $('#@shuffledList[count]').show();
              });
        });
</script>

var count=@{count++；}；
$（“.CompChoice”）。在（'click'，函数（）{
$（'#@shuffledList[count]'）。淡出（'fast'，函数（）{
计数++；
$（'#@shuffledList[count]'）。show（）；
});
});

渲染结束后，用户将进入浏览器端

<script>
            var count = 1;
            $(".CompChoice").on('click', function () {
                $('#@shuffledList[count]').fadeOut('fast', function () {
                    count++;
            $('#@shuffledList[count]').show();
              });
        });
</script>

var计数=1；
$（“.CompChoice”）。在（'click'，函数（）{
$（'#@shuffledList[count]'）。淡出（'fast'，函数（）{
计数++；
$（'#@shuffledList[count]'）。show（）；
});
});

如@VDWWD所述，在单击元素时页面已完成渲染。您会看到计数增加，因为在呈现页面时，它会执行

count++

语句（无论您是否单击页面上的任何内容）。为计数保留一个javascript变量，它将按预期工作，但是您仍然需要将此值传递回后端，以便在c端对其执行任何操作。

正如@VDWWD所述，在您单击元素时页面已完成渲染。您会看到计数增加，因为在呈现页面时，它会执行

count++

语句（无论您是否单击页面上的任何内容）。为计数保留一个javascript变量，它将按预期工作，但是您仍然需要将此值传递回后端，以便在c端对其执行任何操作。

这将不起作用。当javascript被执行时，页面就完成了渲染。对于“如何在

标记中增加一个C#int”的初步答案是“你不能”。C#是服务器端代码（除非你使用Blazor，我认为你不是）。谢谢，让我明白这一点。有简单的Blazor解决方案吗？这不起作用。当javascript被执行时，页面就完成了渲染。对于“如何在

标记中增加一个C#int”的初步答案是“你不能”。C#是服务器端代码（除非你使用Blazor，我认为你不是）。谢谢，让我明白这一点。有简单的Blazor解决方案吗？谢谢你的回复和示例。当我将计数更改为JS时，我收到了一个新问题。如何在@shuffledList[countJS]中引用JS变量。@无法识别JS变量。感谢您的回复和示例。当我将计数更改为JS时，我收到了一个新问题。如何在@shuffledList[countJS]中引用JS变量。@无法识别JS变量。