在 MVC 5 Razor 视图中调用 JavaScript 函数

Question

我在另一篇文章中看到，您可以像这样在剃刀代码中调用 JavaScript 函数：

@:FunctionName()

对我来说，虽然这只会输出实际的单词FunctionName()

这是我的看法：

@model PriceCompare.Models.QuoteModel

@{
    ViewBag.Title = "Quote";
}

<h2>Quote</h2>

@if (@Model.clarify == true)
{
    // do drop down loic
    @:ShowClarify();
}
else
{
    // fill quote
    @:ShowQuote();
}
<div class="clarify">

    You can see the clarify div
</div>
<div class="quote">

    You can see the quote div
</div>

@section head {

    <script type="text/javascript">

        $(document).ready(
            function ShowQuote() {
                $(".quote").show();
            },
            function ShowClarify() {
                $(".clarify").show();
            }
        );

    </script>
}

是因为我把它嵌套在了一个`@if'中吗？反正围绕这个？

Answer 1

您需要将您的 javascript 放在 <script> 标记中，并且您需要在其范围内调用函数：

<script type="text/javascript">

    $(document).ready(
        function ShowQuote() {
            $(".quote").show();
        },
        function ShowClarify() {
            $(".clarify").show();
        }

        @if (@Model.clarify == true)
        {
            // do drop down loic
            ShowClarify();
        }
        else
        {
            // fill quote
            ShowQuote();
        }
    );

</script>

Answer 2

如果您将任何参数传递给 JavaScript 函数，则必须用引号 ('') 将其括起来。

foreach (var item in files)
    {
        <script type="text/javascript">
            Attachment(**'@item.FileName'**, **'@item.Size'**);
        </script>  
    }