有沒有機會通過css插入div類到JavaScript

Question

我處於超出我的編程知識的情況。所以我有一個Prettyphoto燈箱的gallery，在主題中實現了prettyphoto.js文件，所以它不能通過插件部分進行編輯。燈箱有導航類，但我想添加一個按鈕到它。

這一切是一個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

所以有使用PHP函數get_permalink（）由WordPress提供沒有簡單的方法，因爲其產生的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生成。

這是我對你的問題的一般理解。在不知道頁面的完整標記的情況下，很難理解問題的深度。