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の1つのボタンと1つのアクションリンク

<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を使用してアクションリンクをクリックしたときに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 に答える