通过单击mvc3中的Actionlink显示div

Question

我的视图中有一个div

<div style="width:auto; display:none;" id="div11">
<form action="" method="post" enctype="multipart/form-data">
  <label for="file">Filename:</label>
  <input type="file" name="file" id="file"/>
  <input type="submit" value="Excel Upload" />
</form>
</div>

和一个按钮和一个动作链接在另一个Div

<div style="text-align: left; margin-left: 20px; margin-right: 20px;">
        <%= Html.ActionLink("Test Link", "", "",null, new {id = "someID" }) %> 
        <button id="Button1">Click</button>
    </div>

我想使用jquery在点击actionlink时显示div

    <script type="text/javascript">
            jQuery(document).ready(function () {

                $("#Button1").click(function () {

                    debugger;
                    $("#div11").show();
                });
                $("#someID").click(function () {
                    debugger;
                    $("#div11").css("display", " ");
                    $("#div11").show();
                });
            });
</script>
    Here the button is working fine but don't know why actionlink not working ...Basically i want to show the div by clicking the actionlink.................

Answer 1

您需要阻止默认的链接点击行为。您可以使用preventDefault函数。

下面的脚本将显示div按钮点击。

$(function(){
  $("#SomeID").click(function(e){
    e.preventDefault();
    $("#div11").show();
  });
});

假设你的Actionlink语法是这样的

@Html.ActionLink("test link","SomeAction","SomeController",
                                                        null,new {@id="SomeID"})

工作示例:http://jsfiddle.net/kuPau/1/