提交表單使用AJAX和在一個燈箱中顯示結果

我想要做的是當有人點擊一個圖像，對PHP文件的AJAX調用和返回的數據將顯示在Lightbox彈出窗口。提交表單使用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的內容設置在收藏夾中的數據在其中填充後。或者，甚至更好的是，在一個Lightbox彈出窗口中顯示返回的數據，而不會將其送入任何div。

在不同ID的頁面中會有幾個.infoimg圖像類。 var theid實際上是圖像的ID。

請幫忙。

來源

2013-03-01 Abhik

該網址應該在引號中。 – techfoobar 2013-03-01 18:19:35

您使用的是哪個燈箱框架？ – 2013-03-01 18:24:20

@AustinMullins，http：//leandrovieira.com/projects/jquery/lightbox/但是，我渴望任何框架。 – Abhik 2013-03-01 18:25:43

我無法收藏到jsFiddle在所有的工作，但我有一種感覺，如果你喜歡安排

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

您的圖片我嘗試了我的想法我的本地機器上，將工作，它似乎上班。燈箱一直等待，直到完成接收圖像數據。它並不關心擴展是什麼，所以只要你的php返回的數據是一個圖像，你可以使用這個解決方案。我還沒有加載像HTML這樣的任意數據，但是我會繼續研究它並更新這個答案，如果我弄明白的話。

來源

2013-03-01 19:45:23

這樣的圖像，我仍然覺得它會起作用。 :( – Abhik 2013-03-02 11:50:12

對不起，我沒有在任何地方設置PHP服務器來擺弄它，我可以嘗試使用Ruby服務器來處理它，JavaScript應該是相同的，但我今天不會。 – 2013-03-02 14:50:43

提交表單使用AJAX和在一個燈箱中顯示結果

回答

相關問題