有没有机会通过css将div类插入到javascript中

Question

我的情况高于我的编程知识。所以我有一个Prettyphoto灯箱的画廊，在主题中实现了prettyphoto.js文件，所以它不能通过插件部分编辑。 Lightbox有导航类，但我想再添加一个按钮。

所有这些都在JavaScript文件中，但我没有找到编辑它的方法。 此外，我已经有了我在另一个php文件中使用的具有相同目的的按钮代码。它看起来像这样：

<div class="sbfb" style="padding:0px 0px 0px 15px">
    <a target="_blank" href="http://www.facebook.com/share.php?u=<?php echo get_permalink(); ?>">
                                               <img src="http://flyvideoproduction.com/newpageWP/wp-content/uploads/2017/02/facebook-e1486941744317.png" padding="-50px">
                      </a>
                        </div>

那么有机会将这段代码放在div pp_nav类中吗？并将其显示在导航栏中？

Answer 1

这看起来像是javascript / jquery的问题。

这里最大的问题是pp_nav的标记是js库中的位置。仔细看看第57行：

  

https://github.com/scaron/prettyphoto/blob/master/js/jquery.prettyPhoto.js

因此没有简单的方法可以使用WordPress提供的php函数 get_permalink（），因为在初始页面加载后，客户端会调用生成pp_nav的代码。

我的建议是找到什么事件触发了漂亮照片弹出窗口的创建（即当用户点击照片时可能？）

然后将函数绑定到事件：

$( ".zoom-image" ).bind( "click", function() {
  addSocialLinksToPPNav();
});

函数addSocialLinksToPPNav（）看起来像：

function addSocialLinksToPPNav()
{
    $('.pp_nav').each(function()
    {
        var html = '<div class="sbfb" style="padding:0px 0px 0px 15px"><a href="generate-your-link-in-js"></a></div>';
        $(this).append(html);
    })
}

但这假设您可以生成与 get_permalink 通过javascript生成相同的链接。

这是我对您的问题的一般理解。在不知道页面的完整标记的情况下，很难理解问题的全部深度。