Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/294.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
是否有机会通过css将div类插入javascript_Javascript_Php_Jquery_Css_Wordpress - Fatal编程技术网

是否有机会通过css将div类插入javascript

是否有机会通过css将div类插入javascript,javascript,php,jquery,css,wordpress,Javascript,Php,Jquery,Css,Wordpress,我的处境超出了我的编程知识。因此,我有一个带有PrettyTo lightbox的图库,主题中实现了prettyTo.js文件,因此无法通过插件部分进行编辑。Lightbox有导航类,但我想在其中再添加一个按钮 所有这些都在JavaScript文件中,但我没有找到编辑它的方法。 此外,我已经有了按钮的代码,我在另一个php文件中使用了相同的目的。看起来是这样的: <div class="sbfb" style="padding:0px 0px 0px 15px"> <

我的处境超出了我的编程知识。因此,我有一个带有PrettyTo lightbox的图库,主题中实现了prettyTo.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类中呢?并将其显示在导航栏的左侧?

这对于javascript/jquery来说似乎是个问题

这里最大的问题是pp_nav is的标记在js库中的位置。请仔细查看第57行:

因此,使用WordPress提供的php函数get_permalink()并不容易,因为在初始页面加载之后,生成pp_nav的代码在客户端被调用

我的建议是,找出是什么事件触发了漂亮照片弹出窗口的创建(即,当用户点击照片时,可能?)

然后将函数绑定到事件,如下所示:

$( ".zoom-image" ).bind( "click", function() {
  addSocialLinksToPPNav();
});
函数addSocialLinkStopNav()看起来像:

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);
    })
}
函数addSocialLinksToPPNav()
{
$('.pp_nav')。每个(函数()
{
var html='';
$(this.append(html);
})
}
但这假设您可以通过javascript生成与get\u permalink生成的链接相同的链接


这是我对你问题的一般理解。如果不知道页面的完整标记,就很难理解问题的全部深度。

这似乎是javascript/jquery的问题

这里最大的问题是pp_nav is的标记在js库中的位置。请仔细查看第57行:

因此,使用WordPress提供的php函数get_permalink()并不容易,因为在初始页面加载之后,生成pp_nav的代码在客户端被调用

我的建议是,找出是什么事件触发了漂亮照片弹出窗口的创建(即,当用户点击照片时,可能?)

然后将函数绑定到事件,如下所示:

$( ".zoom-image" ).bind( "click", function() {
  addSocialLinksToPPNav();
});
函数addSocialLinkStopNav()看起来像:

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);
    })
}
函数addSocialLinksToPPNav()
{
$('.pp_nav')。每个(函数()
{
var html='';
$(this.append(html);
})
}
但这假设您可以通过javascript生成与get\u permalink生成的链接相同的链接


这是我对你问题的一般理解。如果不知道页面的完整标记,就很难理解问题的全部深度。

您需要改进问题以使其更清晰。您需要改进问题以使其更清晰。