0

ユーザーがリンクをクリックしたときに div を開こうとしています。私はこれを行ったリーンモーダル。しかし、この div について質問があります。

ユーザーにボタン (またはリンク) をクリックしてもらい、フォームに入力してもらいます。開いた div の下部には、2 つのボタンがあります。キャンセルを確認 (または送信) します。これらのボタンは両方ともdivを閉じ、送信ボタンはフォームを送信し、キャンセルボタンはフォームをキャンセルします。

div を閉じて、ユーザーが送信またはキャンセルをクリックしたかどうかを確認するにはどうすればよいですか?

どうもありがとうございました。

これは、leanModal の例からのコードのほとんどをコピーして貼り付けたものです。これには何も表示されないことはわかっています。leanModal が含まれていないためです。

基本的に、本文にアンカーと div があります。アンカーは、クリックすると div を表示します。

そのためのコードは次のとおりです。

<a id="go" rel="leanModal" name="test" href="#test">Basic</a>

<div id="test">
 <input type="button" value="das" />
</div>

編集：これは私が後に追加した部分です： 

<script type="text/javascript">
    $(function() {
        $("a#go").leanModal({ closeButton: ".popButton" });
    });

    $('.popButton').click(function()
    {
        id = $(this).attr('id'));

        if(id == "send")
        {
            alert("send");
        }
    });

</script>
4

2 に答える 2

1

標準のjqueryを使ってみましたか？

次のように簡単なサンプルの場合：

$("#go").click(function(){
    $("#test").slideToggle(500); //500 being the time for it to animate into view
});

Heres API ドキュメントjQuery slideToggle

作業例を次に示します:)

スライダーの例

編集：

あなたの要求に対する答えはまだ非常に単純です。jquery には、ほとんどすべてのことを行うために必要なほとんどの機能があります。

$("#go").click(function(){
    $("#test").slideDown(500); //500 being the time for it to animate into view
});
$(".fbutton").click(function(){
    $("#test").slideUp(500); //500 being the time for it to animate into view
});

Heres APIドキュメントjQuery slideDown jQuery slideUp

例：

SliderDown と SliderUp の例

編集2：

まだ非常に単純で、if 条件とボタンに ID を追加するだけです :)

$("#go").click(function(){
    $("#test").slideDown(500); //500 being the time for it to animate into view
});
$(".fbutton").click(function(){
    if($(this).attr('id') == "close")//attr is to get an attribute of a tag, here we get the id
    {
        alert("Close Clicked!");
    }
    else if($(this).attr('id') == "confirm")//attr is to get an attribute of a tag, here we get the id
    {
        alert("Confirm Clicked!");
    }
    $("#test").slideUp(500); //500 being the time for it to animate into view
});

ブラウザの互換性を維持するために、クリック機能を個別に追加する代わりに if 条件をここに配置しました。つまり、アニメーション化する前にアラートが消えるのを待たないブラウザもあります。

Heres API ドキュメントjQuery attr

例 ：

SlideDown と SlideUp と Alert の例

于 2013-05-10T01:49:45.470 に答える
0

divキャンセルをクリックしたときや、 leanModal を使用して送信したときに を閉じるには、これらの要素の両方に同じクラスを指定します。としましょう.button。

次に、leanModal セットアップで、次のように閉じるボタンを割り当てます。

$("a#go").leanModal({ closeButton: ".button" });

両方のボタンに.buttonクラスがあるため、どちらかをクリックするとダイアログが閉じます。

キャンセルと送信の違いを確認する 1 つの方法は、それぞれに独自の id. 次に、jQuery クリック リスナーでそれをキャプチャできます。

$('.button').on('click', function(){ 
  id = $(this).attr('id'));
});

これは質問に対する非常に基本的なアプローチですが、役に立てば幸いです。

于 2013-05-10T01:50:17.773 に答える