JQuery - 用于动态链接的开放模式

Question

我有几个链接，我需要打开一个带有表单的模态窗口，以便用户可以上传图像。

我需要将链接ID发送到此模态窗口，以便我可以正确上传。

我真的不知道怎么做，因为我的链接有相同的ID，否则我需要为每个链接创建一个模态函数。

我该怎么做？

提前致谢。

Answer 1

我不完全明白你要对这些链接做些什么，但不过：

1. html ID在文档中必须是唯一的，因此如果这是您问题的根源，您只需要修复
2. 可以使用jQuery UI创建模态对话框：http://jqueryui.com/demos/dialog/

Answer 2

根据html标准，ID应该是唯一的。因此，您可以根据类添加对话框到链接。这将是最好的方式..

工作示例here

Answer 3

您可以使用唯一的ID，即

<sometag id=thisdynid<?php echo your_dynamic_id_in_loop; ?> >

现在你有动态HTML ID元素。

现在你的jQuery处理程序也将被编码到你的循环中。

$('#thisdynid<?php echo your_dynamic_id_in_loop; ?>').event.function(){
function code here.

}

现在，您拥有具有动态事件处理程序的动态元素，这可能不会更简单。您还可以使用'name'属性来获取ID以传递到您的php页面。

<sometag id="thisdynid<?php echo your_dynamic_id_in_loop; ?>" name="<?php echo your_dynamic_id_in_loop; ?>">

然后：

$.ajax({
        url: 'your.php',
        method: 'GET',
        data: 'ID=' + $(this).attr('name'),
        success: function(data) {

等等。希望这有帮助