使用JavaScript发送ID

在我的网页上，我有以下链接：

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

上面的脚本将使此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>

纳姆·维吉根

打开的弹出窗口使人们有机会编辑网站上文档的名称。 因此，当点击链接

时，它必须向弹出窗口发送一个id（

$fetch_row['id']

），这样我就可以在进一步的脚本编写中使用它

---

有人知道怎么做吗？

像这样将id添加到a标签中

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

---

现在，您可以在任何地方使用此id。

仅将id添加到锚定标记，即

<a id = '2' class='compose' ></a>

---

然后您可以像jQuery（'.compose'）.attr（'id'）一样获得它

jQuery-reveal插件有许多回调函数，其中

opened

回调函数在打开模式后触发。见

echo”“；
$（函数（）{
$（'.compose'）。单击（函数（）{
var id=$（this.attr（'id'）；//从单击的锚标记获取id
$（'popup#bestanden_edit_name'）。显示（{
动画：“淡入淡出”，
动画速度：600，
closeonbackgroundclick:true，
dismissmodalclass:'关闭'，//添加了缺少的逗号（，）
已打开：函数（id）{
$（“#popup#bestanden_edit_name”）。追加（“”）；
}
});
返回false；
});
});

---

您的id将在弹出窗口中的

myid

元素中设置。从这里获取此信息。

现在一切正常，我还有一个问题。 这是我现在使用的代码：

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;
});
});

echo”“；
$（函数（）{
$（'.compose'）。单击（函数（）{
var id=$（this.attr（'id'）；//从单击的锚标记获取id
$（'popup#bestanden_edit_name'）。显示（{
动画：“淡入淡出”，
动画速度：600，
closeonbackgroundclick:true，
dismissmodalclass:'关闭'，//添加了缺少的逗号（，）
已打开：函数（id）{
$（“#popup#bestanden_edit_name”）。追加（“”）；
}
});
返回false；
});
});

但是当人们在页面底部点击链接时，弹出窗口将在页面顶部打开。 但人们需要滚动到顶部才能看到这一点

---

如何自动将用户发送回弹出窗口显示的顶部？

我理解这一点，但当我用您的脚本替换脚本，然后单击链接时，弹出窗口将不再打开。更新：当我将open置于dismissModalClass上方时，弹出窗口会出现，但我无法通过单击cancel按钮将其关闭。然后什么也没发生。有一个错误，一个逗号在打开之前丢失了。它被更正了。嗨，萨利姆，我已经加了一个，对不起，忘了把它贴在这里了。这使得除关闭按钮外的所有功能都正常工作。dismissmodalclass不会在单击cancel按钮后使div不可见。一个js错误会使另一个无法工作，所以我不得不说另一件事，opened（oppened）中存在编写错误。好吧，我需要承认我对jquery不是很在行。如果我这样做的话，如何将id与PHP结合使用？

<a id = '2' class='compose' ></a>

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;
    });
});

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;
});
});