jquery從一個div獲取the_permalink並在腳本中調用它

Question

TL; DR 你好，有沒有什麼方法可以獲得wordpress the_permalink類似echo的腳本，並將它加載到jquery上，分別處理所有文章？

長版本： 你好，在wordpress中，我試圖讓我的帖子看起來像圖片縮略圖，當我將鼠標懸停在它們上面時，它顯示帖子的標題和類別。而我如何做到這一點是當我懸停有image_thumb .show腳本運行的div。我希望它能夠像當我點擊圖像中的任何位置時發送到帖子鏈接。當我點擊類別它將進入類別。因爲我不能在鏈接中使用另一個鏈接。我使imagethumb div去「.click函數」的鏈接，但我不能使用，因爲Java不能直接運行PHP。那麼無論如何，我可以得到正確的鏈接，也許就像在某處回顯並獲取鏈接並加載它？

，這裏是我的jQuery：

$(document).ready(function(){ 
      $(".select").hover(
       function(){   
        $(this).find('.caption').fadeIn(500); 
       },   
       function(){ 
        $(this).find('.caption').fadeOut(500); 
       } 
      ); 
     $(".select").click(function(evt){ 
    window.location = '<?php the_permalink(); ?>'; 
}); 
     });  

Answer 1

應該有更好的解決方案，而是一個快速綜述是使用服務器端代碼到你所需要的鏈接導出爲這個div的「數據blablah」屬性，然後使用jQuery來捕捉它。

例如，鏈接可能看起來像<a href="original/path" title="blah" class="select" data-permanlink="wanted/path">

然後你可以使用jQuery這個屬性和頭趕上它，像這樣：

$(".select").click(function(evt){ 
    var newlink = this.attr('data-permanlink') 
    window.location(newlink) 
});