首页 文章

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

提问于
浏览
1

TL; DR你好,有没有什么方法可以在脚本上获得wordpress the_permalink,比如echo并在jquery上加载它,分别处理所有帖子?

长版:你好,在wordpress我试图使我的帖子看起来像图像缩略图,当我将鼠标悬停在它们上面时,它显示帖子的 Headers 和类别 . 我是如何做到这一点的,当我悬停具有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 回答

  • 1

    应该有更优雅的解决方案,但快速的综述是使用服务器端代码将您所需的链接导出为此div的“data-blablah”属性,然后使用jQuery来捕获它 .

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

    然后你可以使用jQuery来捕获这个属性和 Headers ,如下所示:

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

相关问题