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>

e.g ..

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

Answer 1

您的问题仅涉及HTML和jQuery。您可以通过将click事件绑定到anchor标记来显示隐藏的内容。

jsFiddle here

$("a.inline").on('click',function(){
    $("#inline_content").parent().show();
    return false;
});

Answer 2

试试这个，

    @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>

Answer 3

Html.ActionLink是LinkExtensions类（http://msdn.microsoft.com/en-us/library/system.web.mvc.html.linkextensions.actionlink(v=vs.118).aspx）的一部分，它用于根据传递给它的参数返回一个锚元素。对我来说，似乎你唯一的行动就是打开彩盒。

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

使用上述内容应该没问题，因为您没有路由任何内容。

Razor ActionLink打开Colorbox

3 个答案: