Question

我想要做的是当有人点击图像时，对php文件进行AJAX调用，返回的数据将显示在灯箱弹出窗口中。

以下是我正在使用的代码

    $(".infoimg").on("click",function() {
    var theid = $(this).attr('id');
    var infofile = "http://www.mydomain.ext/info.php";
        $('.spinners').show().css({"display":"inline-block", "margin":"0 0 0 5px"});
              $.post( infofile,
                    { "theid": theid },
                        function(data){
                            $('.spinners').hide();
                            $('.infobox').html(data);
                        }
             );
    });

现在，我希望在其中填充数据后，在灯箱中显示.infobox的内容。或者，更好的是，在灯箱弹出窗口中显示返回的数据，而不将其输入任何div。

页面中会有多个.infoimg图片类，其ID不同。 var theid实际上是图像的ID。

请帮忙。

Answer 1

我无法在jsFiddle中让灯箱工作，但我觉得如果你安排像

那样它会起作用

<a href="http://www.mydomain.ext/info.php?theid=thisImageId">
   <img src="thisThumbnailImageSrc" id=thisImageId/>
</a>

我在我的本地机器上尝试了我的想法，它似乎工作。灯箱等待，直到它完成接收图像数据。它不关心扩展名是什么，因此只要从php返回的数据是图像，就可以使用此解决方案。我还没有加载像HTML这样的任意数据，但如果我弄明白的话，我会继续研究并更新这个答案。

使用AJAX和Show Result在灯箱中提交表单

1 个答案: