0

私のウェブページには、次のリンクがあります。

<\a onclick="#" class="compose"></a>

リンクをクリックすると、次のスクリプトがアクティブになります。

$(function(){
    $('.compose').click(function() { // Button which will activate our modal
        $('#popup_bestanden_edit_name').reveal({ // The item which will be opened with reveal 
            animation: 'fade',  // fade, fadeAndPop, none
            animationspeed: 600,                // how fast animtions are
            closeonbackgroundclick: true,   // if you click background will modal close?
            dismissmodalclass: 'close'  // the class of a button or element that will close an open modal
        });
        return false;
    });
});

上記のスクリプトは、この DIV をポップアップで表示します。

<div id="popup_bestanden_edit_name">
<div id="popupheading">
    Naam wijzigen
</div>

<div id="popupcontent">
    <p><form action="" method="post" name="naamwijzigen"><input name="naam" type="text"></form></p>

    <a href="#" class="popupbutton green close"><img src="<?php echo $domein.'/images/confirm_popup/tick.png'; ?>">Ja, wijzigen</a>

    <a href="#" class="popupbutton red close"><img src="<?php echo $domein.'/images/confirm_popup/cross.png'; ?>">Nee, annuleren</a>
</div>

開いたポップアップは、Web サイト上のドキュメントの名前を編集する機会を人々に提供します。そのため、リンク<\a onclick="#" class="compose"></a>がクリックされると、ID ( $fetch_row['id']) をポップアップに送信する必要があるため、これをさらにスクリプトで使用できます。

誰もこれを行う方法を知っていますか?

4

4 に答える 4

1

このようにタグにIDを追加します

<a onclick="#" class="compose" data-id="<?php echo $fetch_row['id']?>"></a>

次に、ID を取得し、Jquery を使用してポップアップに送信します。

id = $(this).attr("data-id");

必要な場所でこの ID を使用してください。

于 2013-09-29T11:59:55.180 に答える
0

openedjQuery 公開プラグインには、モーダルが開かれた「後」にトリガーされるコールバック関数が多数あります。foundation.zurb.comでドキュメントを参照してください。

echo "<a onclick='#' class='compose' id='".$fetch_row['id']."'></a>";

$(function(){
    $('.compose').click(function() { 

        var id = $(this).attr('id'); //getting id from clicked anchor tag

        $('#popup_bestanden_edit_name').reveal({ 
            animation: 'fade',  
            animationspeed: 600,               
            closeonbackgroundclick: true,   
            dismissmodalclass: 'close',//missing comma (,) added

            opened: function(id) { 
               $("#popup_bestanden_edit_name").append("<input type='hidden' name='myid' id='myid' value='"+id+"'>");
            }

        });
        return false;
    });
});

あなたのIDはmyidポップアップの要素に設定され、ここからこれを取得します。

于 2013-09-29T12:39:51.320 に答える