jquery从div获取the_permalink并在脚本中调用它

时间:2012-12-12 20:59:40

标签: jquery wordpress

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(); ?>';
});
        });     

1 个答案:

答案 0 :(得分:1)

应该有更优雅的解决方案,但快速的综述是使用服务器端代码将您所需的链接导出为此div的“data-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)
});