javascript - Razor ActionLink 打开 Colorbox

Question

有人可以帮助我使用这个 ActionLink，我想在 Razor 中打开一个隐藏的 Div，

这是链接，

<a class='inline' href="#inline_content">Inline HTML</a>

这是脚本，

<script>
    $(document).ready(function () {
        $(".inline").colorbox({ inline: true, width: "50%" });
    });
</script>

还有 Div，

<p><a class='inline' href="#inline_content">Inline HTML</a></p>

<div style='display:none'>
    <div id='inline_content' style='padding:10px; background:#fff;'>

        <p><strong>This content comes from a hidden element on this page.</strong></p>

        <p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>

    </div>
</div>

编辑

我需要用 MVC Razor 风格的 ActionLink 重新编写 HTML 链接，该代码在 HTML 中工作正常，但在 Razor 中不行。 HTML 链接发布到 Razor 中的新页面，因此我认为我需要一个 ActionLink 来发布到脚本。

<a class='inline' href="#inline_content">Inline HTML</a>

例如..

@Html.ActionLink("Inline HTML", null, null, new { Class="inline", onclick = "#inline_content();" });

Answer 1

尝试这样，

    @Html.ActionLink("Inline HTML", null, null, new { Class="inline", onclick = "Show_Div_content();" });


<script type="text/javascript">
    function Show_Div_content() {
        $("#inline_content").parent().show();
    }
</script>