javascript - 如何实现 Wordpress 的 the_permalink();进入Javascript？

Question

我想将 Wordpress 永久链接函数 the_permalink(); 实现到一个 Javascript 脚本中，它应该在我网站的移动 View 上显示一个带有顶部按钮的社交栏。

除了固定链接功能外，以下脚本有效，如果我单击 Twitter 按钮，该功能不会显示正确的 URL。它仅显示在共享屏幕上。

我怎样才能让它发挥作用？

jQuery(function ($) {

// Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
var back_to_top_button = ['<a href="#top" class="back-to-top"><span class="fawesome fa fa-chevron-up"></span><br/>Top</a><!-- Sharebar --><div class="sharerbar"><a href="https://twitter.com/intent/tweet?text=<?php the_title(); ?>&url=<?php the_permalink();?>&utm_source=twsharebutton" onclick="if( typeof ga != "undefined" ) { var ts = ga.getAll(); for (var i=0; i < ts.length; ++i) { var t = ts[i]; ga(t.get("name")+".send","event","Sharebar","click","Twitter",1); } } if( typeof _gaq_trackers != "undefined" ) { for (var i=0; i < _gaq_trackers.length; ++i) { var t = _gaq_trackers[i]; _gaq.push([t+"._trackEvent","Sharebar","click","Twitter",1]); } } ;" class="sblink sblinktw" rel="nofollow"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<script src="https://use.fontawesome.com/80f4511a15.js" async></script></div><!-- Sharebar -->'].join("");
$("body").append(back_to_top_button)

// Der Button wird ausgeblendet
$(".back-to-top").hide();
$(".sharerbar").hide();

// Funktion für das Scroll-Verhalten
$(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
            $('.back-to-top').fadeIn();
            /*$('.sharerbar').fadeIn();*/
        } else {
            $('.back-to-top').fadeOut();
            /*$('.sharerbar').fadeOut();*/
        }
    });

    $('.back-to-top').click(function () { // Klick auf den Button
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    });
});

});

Answer 1

它不起作用，因为您正在将 PHP 代码转换为字符串。你可以做这样的事情。

var title = <?php the_title(); ?>;
var permalink = <?php the_permalink(); ?>;

var back_to_top_button = ['<a href="#top" class="back-to-top"><span class="fawesome fa fa-chevron-up"></span><br/>Top</a><!-- Sharebar --><div class="sharerbar"><a href="https://twitter.com/intent/tweet?text='+ title +'&url='+ permalink +'&utm_source=twsharebutton" onclick="if( typeof ga != "undefined" ) { var ts = ga.getAll(); for (var i=0; i < ts.length; ++i) { var t = ts[i]; ga(t.get("name")+".send","event","Sharebar","click","Twitter",1); } } if( typeof _gaq_trackers != "undefined" ) { for (var i=0; i < _gaq_trackers.length; ++i) { var t = _gaq_trackers[i]; _gaq.push([t+"._trackEvent","Sharebar","click","Twitter",1]); } } ;" class="sblink sblinktw" rel="nofollow"><i class="fa fa-twitter" aria-hidden="true"></i></a>
    <script src="https://use.fontawesome.com/80f4511a15.js" async></script></div><!-- Sharebar -->']

注意:这仅在您要加载 the_title() 的页面上是 JS 时才有效。如果您想在单独的 JS 文件中运行它，则需要使用 AJAX。