從點擊圖片動態地加載WordPress內容

我試圖單擊圖片時將單獨的Wordpress帖子內容插入信息框。我爲網站的這一部分使用了修改後的模板，圖像是從數組中填充的。從點擊圖片動態地加載WordPress內容

我已經使用帶有jQuery和靜態URL的方法成功完成了這項工作。

 <script type="text/javascript"> 
     jQuery(document).ready(function() { 
       jQuery('.dynagrid a').click(function(event){ 
       // stop normal link click 
       event.preventDefault(); 
       }); 
      jQuery('.dynagrid a').click(function(){ 
       jQuery('div.project-info').fadeToggle(function(){ 
        jQuery(".infotext").load('/cowshed/akg .infotext > *', function() { 
         jQuery('div.project-info').fadeToggle() 
        }); 
       }); 
      }); 
     });

我的問題在於使加載的URL動態爲每個圖像 - 每個圖像加載不同的信息。我的計劃是爲每個圖像獲取<alt>信息作爲變量並插入此例如jQuery(".infotext").load('/cowshed/+alt+ .infotext >*');並將其匹配到所需帖子的固定鏈接，但我嘗試過的所有內容都失敗了。

我已經在這方面尋找了解決方案的小時，並且我擔心我在jQuery方面的經驗不足使得它比實際上更難。

這裏是目前爲止在網頁：Cowshed Tools

任何人都可以看到一個解決方案，並提供一些線索？

來源

2011-09-21 user957173

jQuery(".infotext").load('/cowshed/akg .infotext > *', function() { 
          ^^^^^^^^^^^^^^^^^^^^^^^^^^

指示的部分應該是提供要加載到.infotext元素中的內容的URL。你有什麼看起來像一個邪惡的網址和CSS選擇器mishmash，這不是一個有效的URL。由於要動態加載的東西，它應該是：

.load('http://example.com/fetchcontent?contentID=' + this.alt, function() ....);

的網址並不一定是絕對的那樣，但它應該是爲您的服務器有效的URL。

來源

2011-09-21 15:07:08

哈哈謝謝你的誠實。這似乎有道理。 '+ this.alt'部分是否需要'alt'已經是包含相關圖像的變量？我嘗試了'var imgAlt = $（this）.find（'img'）。attr（「alt」，function（）{'在圖像被點擊時發生，但這似乎破壞了我完美的工作'preventDeafault'函數圖像。任何進一步的幫助將不勝感激。 – user957173

從點擊圖片動態地加載WordPress內容

回答

相關問題