Question

我试图将触发模态的点击元素的ID发布到模态。

这是我到目前为止的代码：

//reveal Modal when when clicking on an item box.
$(document).ready(function() {
    $('.items').click(function() {
        function post(){
            $.post("/includes/functions/choose_item.php",{
                id:this.id
            });
        }
        $('#choose_item_modal').foundation('reveal', 'open', post());
    });
});

这是我正在打开的文件的代码：

echo $_POST["id"];

我应该如何编写JavaScript以便能够发布我点击的元素的ID？
它是在基金会5中制作的。

Answer 1

首先发送id，然后在回调函数中调用此语句。

$(document).ready(function() {
    $('.items').click(function() {
        function post(){
            $.post("/includes/functions/choose_item.php",{
                id:this.id
            },function(result){
 $('#choose_item_modal').foundation('reveal', 'open', post());
});
        }
    });
});

您没有收到该值，因为在post方法完成之前调用了$('#choose_item_modal').foundation('reveal', 'open', post());，它没有等待完成post方法发送值然后调用它。

Answer 2

试试这个

获取元素$(this).attr("id")

的ID

$(document).ready(function() {
    $('.items').click(function() {
        var id=$(this).attr("id");
        function post(){
            $.post("/includes/functions/choose_item.php",{
                id:id
            });
        }
        $('#choose_item_modal').foundation('reveal', 'open', post());
    });
});

将#id发布到模态后

2 个答案: