0

私は jQuery を初めて使用しますが、一般的な JavaScript 機能を自分の Web サイトに組み込みたいと思っています。ユーザーに情報を入力できるフォームを表示する div があります。私がやりたいのは、必要なときに div を表示し、必要でないときは非表示にすることです。

これは、divを選択して削除するために使用しているjQueryコードです

<script type="text/javascript">
        $("#newRequestCancel").click(function() {
            $("#newRequestForm").remove();
        });
</script>

ここにhtmlタグがあります

 <h3 class="main-top">

                    <a href="#" id="new-request-make">New Product</a>
                </h3>
                <div id="newRequestForm" class="panel">
                    <form action="index.php" method="post">
                        <p><label>Title</label><span class="required">*</span></p>
                        <p><input type="text" /></p>
                        <p><label>Image</label><span class="required">*</span></p>
                        <p><input type="file" /></p>
                        <p><label>Description</label><span class="required">*</span></p>
                        <p><textarea></textarea></p>
                        <p><label>Preferred Price [KES]</label><span class="required">*</span></p>
                        <p><input type="number" /></p>
                        <p><label>County</label><span class="required">*</span></p>
                        <p><select><option disabled selected="selected">.: Select a County :.</option></select></p>
                        <p><label>Location</label><span class="required">*</span></p>
                        <p><input type="text" /></p>
                        <br/>
                        <p>Any field marked with an asterisk (<span class="required">*</span>) is required.</p>
                        <br/>
                        <p><input type="submit" value="Make Request" /><span class="ibar"></span><a href="#" id="newRequestCancel">Cancel</a></p>
                        <br/>
                    </form>
                </div>

そのため、新製品のリンクをクリックすると、div が挿入され、div 内のキャンセル リンクをクリックすると削除されます。助けてください！

4

5 に答える 5

2

マサバさん、こんにちは。サイトへようこそ。

あなたが探しているのは では.show()あり.hide()ません.remove()。削除すると、HTML が完全に削除されるため、再度表示することはできません。

$("#newRequestCancel").click(function() {
        $("#newRequestForm").hide();
    });

$("#new-request-make").click(function() {
    $("#newRequestForm").show();
});
于 2013-04-27T00:22:27.603 に答える
1 
  $(document).ready(function()
    {
         $('#new-request-make').click(function()
         {
              $('#newRequestform').show();
         });
          $("#newRequestCancel").click(function() {
              $("#newRequestForm").hide();
         });
    });
于 2013-04-27T00:23:29.483 に答える
0

jQuery .show()と.hide( ) をチェックしてください

表示するには:

$("#new-request-make").click(function() {
    $("#newRequestForm").show();
});

隠れる：

$("#newRequestCancel").click(function() {
    $("#newRequestForm").hide();
});
于 2013-04-27T00:22:02.980 に答える
0 
<script type="text/javascript">
    $("#newRequestCancel").click(function() {
        $("#newRequestForm").hide();
    });

    $("#newRequestLoad").click(function() {
        $("#newRequestForm").show();
    });
</script>

これでうまくいくはずです。

于 2013-04-27T00:23:30.027 に答える
0

ここに、あなたへの素敵なプレゼントがあります。

http://jsfiddle.net/eX3QK/

<div id="login">
    <a href="#"><p style="font-size:16px;">Hello</p></a>
    <div class="arrow_box">
        <a href="logout.php">Logout</a>
    </div>
</div>

Jquery を使用し、html タグを任意のものに変更します。

$("#login").click(function(e){
    $("#login div").css("visibility","visible");
   e.stopPropagation();
});

$("html").click(function(e){
    $("#login div").css("visibility","hidden");
});
于 2013-04-27T00:39:36.883 に答える