0

我认为我有一个 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.................
4

1 回答 1

4

您需要防止默认链接点击行为。您可以preventDefault为此使用功能。

下面的脚本将在按钮单击时显示 div。

$(function(){

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

});

假设您的 Actionlink 语法是这样的。

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

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

于 2013-03-10T19:10:16.593 回答